표 3-2 input 태그로 생성할 수 있는 입력 요소와 type 속성값
속성값 |
설명 |
text |
한 줄 텍스트를 입력할 수 있는 요소를 생성합니다. |
password |
비밀번호를 입력할 수 있는 요소를 생성합니다. |
tel |
전화번호 형식을 입력할 수 있는 요소를 생성합니다. |
number |
숫자만 입력할 수 있는 요소를 생성합니다. |
url |
URL 주소 형식을 입력할 수 있는 요소를 생성합니다. |
search |
검색용 텍스트를 입력할 수 있는 요소를 생성합니다. |
|
이메일 형식을 입력할 수 있는 요소를 생성합니다. |
checkbox |
체크박스 요소를 생성합니다. |
radio |
라디오버튼 요소를 생성합니다. |
file |
파일 업로드 요소를 생성합니다. |
button |
버튼 요소를 생성합니다. |
image |
이미지로 버튼 요소를 생성합니다. 따라서 img 태그처럼 src 속성을 사용해야 합니다. 단, alt 속성은 사용하지 않습니다. |
hidden |
사용자 눈에 보이지 않는 입력 요소를 생성합니다. |
date |
날짜(연, 월, 일)를 선택할 수 있는 입력 요소를 생성합니다. |
datetime-local |
사용자 시간대에 맞는 날짜(연, 월, 일, 시, 분)를 선택할 수 있는 입력 요소를 생성합니다. |
month |
날짜(연, 월)를 선택할 수 있는 입력 요소를 생성합니다. |
week |
날짜(연, 주차)를 선택할 수 있는 입력 요소를 생성합니다. |
time |
시간을 선택할 수 있는 입력 요소를 생성합니다. |
range |
숫자 범위를 선택할 수 있는 슬라이드 요소를 생성합니다. |
color |
색상을 선택할 수 있는 요소를 생성합니다. |
submit |
폼 전송 역할을 하는 버튼 요소를 생성합니다. |
reset |
폼 요소에 사용자가 입력한 값을 초기화하는 버튼 요소를 생성합니다. |