-
- 단일 선 텍스트 필드 |
-
-
- text |
-
- 이것은 가장 기본적인 텍스트 필드이다. type속성을 위한 텍스트 값은 이
- 속성의 기본 값이다.(자동 유효성 검사를 하지않음)
- |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("maxlength","input")}},
- {{htmlattrxref("pattern","input")}},
- {{htmlattrxref("placeholder","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}},
- {{htmlattrxref("size","input")}},
- {{htmlattrxref("spellcheck","input")}}
- |
-
-
- email |
- 하나 또는 여러개 이메일 주소를 작성하기 위해 사용되는 필드 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("maxlength","input")}},
- {{htmlattrxref("multiple","input")}},
- {{htmlattrxref("pattern","input")}},
- {{htmlattrxref("placeholder","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}},
- {{htmlattrxref("size","input")}}
- |
-
-
- password |
- 텍스트 필드의 값을 가리기 위해 사용되는 텍스트 필드 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("maxlength","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}},
- {{htmlattrxref("size","input")}}
- |
-
-
- search |
- 검색 하기 위한 텍스트 필드 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("autosave","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("maxlength","input")}},
- {{htmlattrxref("pattern","input")}},
- {{htmlattrxref("placeholder","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}},
- {{htmlattrxref("size","input")}},
- {{htmlattrxref("spellcheck","input")}}
- |
-
-
- tel |
- 전화 번호를 입력할 수 있는 텍스트 필드 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("maxlength","input")}},
- {{htmlattrxref("pattern","input")}},
- {{htmlattrxref("placeholder","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}},
- {{htmlattrxref("size","input")}}
- |
-
-
- url |
- 절대 URL을 다루기 위한 필드 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("maxlength","input")}},
- {{htmlattrxref("pattern","input")}},
- {{htmlattrxref("placeholder","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}},
- {{htmlattrxref("size","input")}}
- |
-
-
- 텍스트 입력 없는 컨트롤 |
-
-
- checkbox |
- 체크박스 |
- |
-
- {{htmlattrxref("checked","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- color |
- 색상을 입력 받기위한 필드 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- file |
- A control that lets the user select a file. |
- |
-
- {{htmlattrxref("accept","input")}},
- {{htmlattrxref("multiple","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- hidden |
- 보여주지 않는 컨트롤 이지만 서버로 전송되는 필드 |
- |
- |
-
-
- number |
- 소숫점을 입력받는 컨트롤 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("max","input")}},
- {{htmlattrxref("min","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}},
- {{htmlattrxref("step","input")}}
- |
-
-
- radio |
- 라디오 버튼. 그룹 중 한가지만 선택하기 위한 필드 |
- |
-
- {{htmlattrxref("checked","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- range |
- 정확하지 않는 숫자를 입력받기 위한 필드 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("max","input")}},
- {{htmlattrxref("min","input")}},
- {{htmlattrxref("required","input")}},
- {{htmlattrxref("step","input")}}
- |
-
-
- 시간 과 날짜 컨트롤 |
-
-
- date |
- (년, 원, 일)날짜를 입력 받을 수 잇는 컨트롤 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("max","input")}},
- {{htmlattrxref("min","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- datetime |
-
- UTC 타임 존 기반으로 전체 날짜와 시간(시간, 분, 초 )을 입력 받기 위한
- 필드
- |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("max","input")}},
- {{htmlattrxref("min","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- datetime-local |
- 타임존 기반이 아닌 날짜와 시간을 입력받기 위한 컨트롤 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("max","input")}},
- {{htmlattrxref("min","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- month |
- 타임존 기반이 아닌 달과 년도를 입력 받기 위한 컨트롤 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("max","input")}},
- {{htmlattrxref("min","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- time |
- 타임존 기반이 아닌 시간을 입력 받기 위한 컨트롤 |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("max","input")}},
- {{htmlattrxref("min","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- week |
-
- 타임존 기반이 아닌 전체 날짜를 일주일-년도 숫자로 주 번호를 입력하는
- 컨트롤
- |
- |
-
- {{htmlattrxref("autocomplete","input")}},
- {{htmlattrxref("list","input")}},
- {{htmlattrxref("max","input")}},
- {{htmlattrxref("min","input")}},
- {{htmlattrxref("readonly","input")}},
- {{htmlattrxref("required","input")}}
- |
-
-
- 버튼 |
-
-
- button |
- 기본 행동이 없는 누르는 버튼 |
- |
-
- {{htmlattrxref("formaction","input")}},
- {{htmlattrxref("formenctype","input")}},
- {{htmlattrxref("formmethod","input")}},
- {{htmlattrxref("formnovalidate","input")}},
- {{htmlattrxref("formtarget","input")}}
- |
-
-
- image |
- 그래픽적인 전송버튼 |
-
- {{htmlattrxref("src","input")}},
- {{htmlattrxref("alt","input")}}
- |
-
- {{htmlattrxref("width","input")}},
- {{htmlattrxref("height","input")}},
- {{htmlattrxref("formaction","input")}},
- {{htmlattrxref("formenctype","input")}},
- {{htmlattrxref("formmethod","input")}},
- {{htmlattrxref("formnovalidate","input")}},
- {{htmlattrxref("formtarget","input")}}
- |
-
-
- reset |
- 폼의 내용을 초기화 하는 컨트롤 |
- |
-
- {{htmlattrxref("formaction","input")}},
- {{htmlattrxref("formenctype","input")}},
- {{htmlattrxref("formmethod","input")}},
- {{htmlattrxref("formnovalidate","input")}},
- {{htmlattrxref("formtarget","input")}}
- |
-
-
- submit |
- 폼을 전송하는 버튼 |
- |
-
- {{htmlattrxref("formaction","input")}},
- {{htmlattrxref("formenctype","input")}},
- {{htmlattrxref("formmethod","input")}},
- {{htmlattrxref("formnovalidate","input")}},
- {{htmlattrxref("formtarget","input")}}
- |
-
-
-