categorized under 웹이야기 & written by cryinglemon
※ 클릭시 w3school로 이동 합니다
개요 |
폼요소에 포함되는 Input Tag는 ~
HTML5에서 많은 타입과 속성들이 추가되어 기존에 자바스크립트로 처리했던 부분을 보다 간단하게 처리할수 있게 되었다.
그러나 웹브라우저마다 지원여부가 틀리기때문에 사용하기 전에 꼭 브라우저 지원상태를 체크해봐야겠다.
기존 TYPE |
text , password, checkbox, radio, file, submit, reset, button, image, hidden
신규 TYPE |
타입 |
설명 | |||||||||||||||
text 타입과 구별하여 표시하기 위한 타입 줄바꿈을 포함한 문자열일경우 줄바꿈 제거
| ||||||||||||||||
전화번호 입력 줄바꿈을 포함한 문자열일경우 줄바꿈 제거
| ||||||||||||||||
URL 입력 절대경로 URL만 가능하다. 줄바꿈을 포함한 문자열일경우 줄바꿈 제거
| ||||||||||||||||
이메일 주소 입력
| ||||||||||||||||
날짜 입력
| ||||||||||||||||
연월 값 입력
| ||||||||||||||||
주 입력
| ||||||||||||||||
날짜와시간 타임존을 UTC로 설정하기 때문에 한국 시각과 비교하면 9시간이 늦음
| ||||||||||||||||
타임존이 없는 날짜와 시간
| ||||||||||||||||
숫자 입력
| ||||||||||||||||
숫자 범위 입력
| ||||||||||||||||
색상 입력
|
기존 속성 |
readlonly, size, maxlength, multiple, min, max , disabled, name
신규 속성 |
속성 |
설명 | |||||||||||||||
자동완성 기능을 사용할 것인지 결정
| ||||||||||||||||
직접 입력 후보 값을 제공
| ||||||||||||||||
필수 속성인지 체크하는 논리속성
| ||||||||||||||||
입력값의 정규 표현식
| ||||||||||||||||
값의 단위 지정
| ||||||||||||||||
어떤 값을 입력하는지 알리는 힌트
| ||||||||||||||||
로딩시 바로 폼 콘트롤로 포커스로 이동하는 논리 속성
| ||||||||||||||||
input요소가 나타내는 form 요소와 연결
|
'웹이야기' 카테고리의 다른 글
[매일 HTML5 공부 11] DOM (0) | 2013.05.14 |
---|---|
[매일 HTML5 공부 10] 새로운 API 기능들 (0) | 2013.05.13 |
[매일 HTML5 공부 08] 폼(form) 관련 요소 (0) | 2013.05.09 |
[매일 HTML5 공부 07] 테이블 관련 요소와 삽입 관련요소 (0) | 2013.05.07 |
[매일 HTML5 공부 06] 시맨틱 마크업을 위한 요소들 (0) | 2013.05.05 |