ATTRIBUTES

Editing
  • account_tree
  • bug_report

〈enumerated attribute〉type

<input>요소에서 입력 유형을 지정한다.

type 명세

HTML5에서는 다수의 타입이 추가되었다.

사용되는 타입

enumerated attribute

제한된 값 집합으로 구성된 데이터를 나타낸다. 값 설정을 위한 다양한 방식이 존재할 수 있다.

사용되는 키워드

checkbox

단일 값을 하나 이상 선택하거나 해제할 수 있는 체크박스 입력 요소를 생성한다.

color

HTML5

색상을 지정할 수 있는 입력 요소를 표시한다.

date

날짜(연,월,일)를 지정할 수 있는 입력 요소를 생성한다.

datetime-local

날짜와 시간을 지정할 수 있는 입력 요소를 생성한다.

email

이메일 주소를 입력할 수 있는 입력 요소를 생성한다. 양식 제출 단계에서 유저 에이전트가 유효성 검증을 한다.

file

업로드할 바이너리 파일을 지정할 수 있는 입력 요소를 생성한다.

hidden

화면에 표시되지 않는 서버에 전송 가능한 입력 요소를 생성한다.

month

연도와 월을 지정할 수 있는 입력 요소를 생성한다.

number

숫자를 입력하기 위한 입력 요소를 생성한다.

password

보안상의 이유로 입력값이 가려지는 입력 요소를 생성한다.

radio

여러 개의 제시된 데이터 중에서 하나를 선택할 수 있는 입력 요소를 생성한다.

range

슬라이더를 이용해서 일정 구간의 숫자를 입력할 수 있는 입력 요소를 생성한다.

search

검색 문자열을 입력할 수 있는 입력 요소를 생성한다. 줄바꿈 문자는 입력값에서 자동으로 제거된다.

tel

전화번호를 입력하는 입력 요소를 생성한다. urlemail 타입과 달리 유저 에이전트가 양식의 제출 단계에서 유효성 검증을 하지 않는다. 이는 전화번호의 형식이 지역마다 상이할 수 있기 때문에 자유 형식을 취하고 있다. 만약에 지역적으로 유효성 검증을 적용해야 한다면 DOM API에서 setCustomValidity() 메소드를 사용한다.

text

한줄 텍스트를 입력할 수 있는 필드를 나타낸다. 기본 형식이다.

time

시간대가 없는 시간 값을 입력하는 입력 요소를 생성한다.

url

URL을 입력하는 입력 요소를 생성한다. 양식 제출 단계에서 유저 에이전트가 유효성 검증을 한다.

week

시간대가 없는 연도와 주로 구성된 값을 입력할 수 있는 입력 요소를 생성한다.

버전 명세

지원 웹브라우저