유형 | 설명 | 코드 |
텍스트 | 텍스트를 입력합니다. |
|
패스워드 | 비밀번호 입력,화면에 ●로 표시됩니다. |
|
체크박스 | 클릭할때마다 on/off |
|
라디오 단추 | 그룹 중에서 한가지 선택합니다. |
|
파일 | 파일을 업로드 합니다. |
|
전송 단추 | 폼에 입력한 값을 전송합니다. |
|
이메일 주소 | 이메일 주소를 입력합니다. |
|
웹주소 | 웹사이트 주소를 입력합니다. |
|
숫자(스핀 박스) | 클릭할 때마다 on/off |
|
숫자(슬라이드 박스) | 그룹중에서 한가지를 선택합니다. |
|
날짜/시간 등 | 날짜와 시간을 표시합니다. |
|
검색 상자 | 폼에 입력한 값을 전송합니다. |
|
색상 선택 | 웹에서 색상을 선택합니다. |
|
색상을 선택하면 16진수값을 반환하도록 합니다.하지만 아직까진 어떤 브라우저에서도 지원하지 않습니다.
속성 | 설명 |
autocomplete | 브라우저의 자동 완성 기능을 제어합니다. |
autofocus | 페이지가 로드하자마자 입력 필드안에 마우스 커서를 표시합니다. |
list | 입력 가능한 값을 가지고 있는 데이터리스트 요소를 가르킵니다. |
max 와 min , step | 입력값의 범위를 지정합니다. |
placeholder | 텍스트 필드에 입력 힌트를 표시합니다. |
required | 필수 입력 필드를 만듭니다. |
formaction, formenctype,formmethhod,formnovalidate,formtarget |
|
[출처] [html5] input 추가된 요소 및 추가된 속성들을 알아보자|작성자 이슬