더북(TheBook)

표 3-2 input 태그로 생성할 수 있는 입력 요소와 type 속성값

속성값

설명

text

한 줄 텍스트를 입력할 수 있는 요소를 생성합니다.

password

비밀번호를 입력할 수 있는 요소를 생성합니다.

tel

전화번호 형식을 입력할 수 있는 요소를 생성합니다.

number

숫자만 입력할 수 있는 요소를 생성합니다.

url

URL 주소 형식을 입력할 수 있는 요소를 생성합니다.

search

검색용 텍스트를 입력할 수 있는 요소를 생성합니다.

email

이메일 형식을 입력할 수 있는 요소를 생성합니다.

checkbox

체크박스 요소를 생성합니다.

radio

라디오버튼 요소를 생성합니다.

file

파일 업로드 요소를 생성합니다.

button

버튼 요소를 생성합니다.

image

이미지로 버튼 요소를 생성합니다. 따라서 img 태그처럼 src 속성을 사용해야 합니다. 단, alt 속성은 사용하지 않습니다.

hidden

사용자 눈에 보이지 않는 입력 요소를 생성합니다.

date

날짜(연, 월, 일)를 선택할 수 있는 입력 요소를 생성합니다.

datetime-local

사용자 시간대에 맞는 날짜(연, 월, 일, 시, 분)를 선택할 수 있는 입력 요소를 생성합니다.

month

날짜(연, 월)를 선택할 수 있는 입력 요소를 생성합니다.

week

날짜(연, 주차)를 선택할 수 있는 입력 요소를 생성합니다.

time

시간을 선택할 수 있는 입력 요소를 생성합니다.

range

숫자 범위를 선택할 수 있는 슬라이드 요소를 생성합니다.

color

색상을 선택할 수 있는 요소를 생성합니다.

submit

폼 전송 역할을 하는 버튼 요소를 생성합니다.

reset

폼 요소에 사용자가 입력한 값을 초기화하는 버튼 요소를 생성합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.