본문 바로가기

HTML / CSS / Java Script

[JS] 폼기반 객체로 입력 폼제어 [Text 객체]


Text 객체

입력상자의 정보를 제공하는 객체 <input type="text"> 이용해서 형성 name속성을 부여한 이름을 이용해서 text객체의 접근 가능함


document.폼이름.텍스트상자이름.메소드( );

예)

<form name="폼이름">
<input type="text" name="txt>
</form>
document.폼이름.txt.속성;
document.폼이름.txt.메소드;

Text 객체 속성
type : 입력양식타임
name : 텍스트상자이름
value : 텍스트상자에 입력되어 있는값
defaultvalue : 상자초기값

Text 객체 메소드
focus( ) : 커서를 위치시킴
blur( ) : 위치한 커스를 사라지게함
select( ) : 입력된값을 모두 선택하게함

Text 객체 이벤트처리
onBlur( ) : 텍스트상자에서 커서가 사라질때 발생하는이벤트
onChange( ) : 내용이 변경될때 발생하는이벤트
onFocus( ) : 커서가 위치할때 발생하는이벤트
onSelect( ) : 입력된 값을 선택할때 발생하는이벤트