티스토리 뷰

IT 이야기/프로그래밍

[HTML] HTML5 input type

하늘과 나b 2010. 7. 29. 22:34

 

HTML5 input type 리스트


HTML5에서 이전 HTML에서의 input type 속성 중 새롭게 추가된 것이 있다고 하네요.

   

- Type 속성 값에 따른 다양한 콘트롤 형식

상태

데이터 타입

콘트롤 타입

hidden

감춰짐

임의의 문자열

n/a

text

텍스트

줄바꿈 없는 텍스트

텍스트 필드

search

검색

줄바꿈 없는 텍스트

검색 필드

tel

전화번호

줄바꿈 없는 텍스트

텍스트 필드

url

URL

절대 IRI

텍스트 필드

email

이메일

이메일 주소나 이메일

주소 리스트

텍스트 필드

password

비밀번호

줄바꿈 없는 텍스트

텍스트 필드

datetime

날짜와 시각

UTC 날짜와 시각

날짜와 시각 콘트롤

date

날짜

시간대 없는 날짜

날짜 콘트롤

month

시간대 없는 년과 달

달 콘트롤

week

시간대 없는 주 번호

주 콘트롤

time

시각

시간대 없는 시각

시각 콘트롤

datetimelocal

로컬 날짜와

시각

시간대 없는 날짜와 시각

날짜와 시각 콘트롤

number

숫자

숫자 값

텍스트나 스피너 콘트롤

range

범위

숫자 값이나 정확한 숫자가 필요없는 의미상의 값

슬라이더 콘트롤

color

8-bit 적녹청 sRGB 칼라

컬러 웰

checkbox

체크박스

이미 설정된 리스트 값의 0또는 다른 값

체크박스

radio

라디오 버튼

지정된 값

라디오 버튼

file

파일 입력창

MIME type과 파일명이 있는 파일 목록

레이블과 버튼

submit

전송 버튼

폼 서식을 전송하는 지정된 값

버튼

image

이미지 버튼

폼 서식을 전송하는 이미지 좌표 값

클릭 가능한 이미지나 버튼

reset

리셋 버튼

해당사항 없음

버튼

button

버튼

해당사항 없음

버튼

   

잠언 > 잘 되고 싶으냐? 좋은 사람을 사귀어라. 더 잘 되고 싶으냐? 더 좋은 하나님을 사귀어라.



댓글