코딩 공부/HTML
HTML 인풋 타입
hg_96
2021. 12. 1. 12:30
속성설명
text | 기본값으로 한 줄의 텍스트 입력 칸을 만듭니다. (기본 너비 문자는 20입니다.) |
password | text 속성과 같지만, 입력 문자를 별표(*)로 대체해서 표시합니다. |
checkbox | 선택 항목 중 여러개를 선택할 수 있는 체크박스를 만듭니다. |
radio | 선택 항목 중 1가지만 선택 가능한 라디오 버튼을 만듭니다. |
button | 누를 수 있는 기본 버튼을 만듭니다. |
submit | 전송 버튼을 만듭니다. |
reset | 재설정 버튼을 만듭니다. |
file | 파일 선택창을 여는 버튼을 만듭니다. |
hidden | 사용자에게 보이지 않는 숨김 창을 만듭니다. |
image | 이미지로 된 전송 버튼을 만듭니다. (src 속성을 통해 이미지 주소을 지정합니다.) |
아래는 HTML5에 새로 추가된 속성값
속성설명
color | 색상 선택 창을 만듭니다. |
date | 년, 월, 일을 입력할 수 있는 날짜 입력 창을 만듭니다. |
datetime | 년, 월, 일, 시, 분, 초, 초의 분할까지 입력할 수 있는 표준시간날짜시간 입력 창을 만듭니다. |
datetime-local | 년, 월, 일, 시, 분, 초, 초의 분할까지 입력할 수 있는 표준시간이 아닌 날짜시간 입력 창을 만듭니다. |
이메일 주소 창을 만듭니다. | |
month | 년, 월 입력 창을 만듭니다. |
number | 숫자 입력을 위한 창을 만듭니다. |
range | 슬라이더같은 정확한 값이 중요하지 않는 숫자를 입력하는 창을 만듭니다. |
search | 검색창을 만듭니다. |
tel | 전화번호 입력창을 만듭니다. |
time | 표준시간이 아닌 시간 입력 창을 만듭니다. |
url | 인터넷 주소 입력창을 만듭니다. |
week | 표준시간이 아닌 년, 주 입력 창을 만듭니다. |