3. 폼 요소의 종류

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<input type="text"> // 한 줄 텍스트 입력 창 <input type="password"> // 암호 입력을 위한 한 줄 텍스트 입력 창 <input type="button"> // 단순 버튼 <input type="submit"> // 웹 서버로 폼 데이터를 전송시키는 버튼 <input type="reset"> // 입력된 폼 데이터를 초기화시키는 버튼 <input type="image"> // 이미지 버튼 <input type="checkbox(복수선택)|radio(단수선택)"> // 체크박스와 라디오버튼 <select> // 드롭다운 리스트를 가진 콤보박스 <input type="month|week|date|time|datetime-local"> // 년,월,일,시간 등의 시간 정보 입력 창 <input type="number|range"> // 스핀버튼과 슬라이드바로 편리한 숫자 입력 창 <input type="color"> // 색 입력을 쉽게 하는 컬러 다이얼로그 <input type="email|url|tel|search"> // 이메일,URL,전화번호,검색키워드 등 형식 검사 기능을 가진 텍스트 입력 창 <input type="file"> // 단순 버튼,reset,submit 버튼 <textarea> // 여러 줄의 텍스트 입력  Colored by Color Scripter

cs

* 폼 요소는 <form> 태그 없이 사용할 수 있는가?

- 폼 요소들은 <form> 태그 없이 사용할 수도 있다. 이런 경우는 주로 웹 서버에 전송하지 않고, 자바스크립트 코드에서 사용자의 입력을 받는 목적으로 사용한다.