본문 바로가기

Html5 input type에 대해서 정리

반응형

 

Html5 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 버튼 해당사항 없음 버튼

 

 

 

반응형