본문 바로가기

HTML / CSS / Java Script

[JS] 폼기반 객체로 입력 폼제어 [Password, Textarea, Submit, Reset 객체]

입력 폼제어


입력 폼제어


비밀번호처럼 입력되는 내용을 화면에 감추고 싶을때 <input type="password"> 를 이용해서 형성 name속성으로 부여한 이름을 이용해서 접근
Text객체와 속성, 메소드, 이벤트처리 등에 동일하게 사용
입력되는 문자를 감추기 위해 *(애스터리스크)로 문자를 표시함


document.폼이름.패스워드상자이름.속성;
document.폼이름.패스워드상자이름.메소드( );


Text객체는한줄을 입력하는데 사용된다면 Textarea 객체는 여러줄을 입력할경우 <input type="textarea">를 이용함
Textarea객체는 Text객체와 메소드, 속성, 이벤트 처리가 같고 2줄이상의 입력란이 필요한 경우사용


document.폼이름.textarea입력상자이름.속성;
document.폼이름.textarea입력상자이름.메소드( );


<input type="submit"> 를 이용해서 형성되고 <input type="reset">를 이용해서 형성된 Reset객체는 Button객체와 사용법이 거이같다.
하지만 데이터 서버로 전송하거나 해당 폼의 입력 사항을 취소하는 등 기능이 추가된 것으로 서버와 데이터 전송 목적으로 한다면 Submit객체나 Reset객체를 사용함