Tuesday, August 9, 2011

[html5] input 추가된 요소 및 추가된 속성들을 알아보자 [출처] [html5] input 추가된 요소 및 추가된 속성들을 알아보자|작성자 이슬

input 태그의 추가된 유형들

유형

설명

코드

텍스트

텍스트를 입력합니다.

패스워드

비밀번호 입력,화면에 ●로 표시됩니다.

체크박스

클릭할때마다 on/off

라디오 단추

그룹 중에서 한가지 선택합니다.

파일

파일을 업로드 합니다.

전송 단추

폼에 입력한 값을 전송합니다.

이메일 주소

이메일 주소를 입력합니다.

웹주소

웹사이트 주소를 입력합니다.

숫자(스핀 박스)

클릭할 때마다 on/off

숫자(슬라이드 박스)

그룹중에서 한가지를 선택합니다.

날짜/시간 등

날짜와 시간을 표시합니다.

검색 상자

폼에 입력한 값을 전송합니다.

색상 선택

웹에서 색상을 선택합니다.

색상을 선택하면 16진수값을 반환하도록 합니다.하지만 아직까진 어떤 브라우저에서도 지원하지 않습니다.


input 태그의 새로 추가된 속성들

속성

설명

autocomplete

브라우저의 자동 완성 기능을 제어합니다.

autofocus

페이지가 로드하자마자 입력 필드안에 마우스 커서를 표시합니다.

list

입력 가능한 값을 가지고 있는 데이터리스트 요소를 가르킵니다.

max 와 min , step

입력값의 범위를 지정합니다.

placeholder

텍스트 필드에 입력 힌트를 표시합니다.

required

필수 입력 필드를 만듭니다.

formaction, formenctype,formmethhod,formnovalidate,formtarget

태그의 여러 속성을 덮어씁니다.