속성설명
text 기본값으로 한 줄의 텍스트 입력 칸을 만듭니다. (기본 너비 문자는 20입니다.)
password text 속성과 같지만, 입력 문자를 별표(*)로 대체해서 표시합니다.
checkbox 선택 항목 중 여러개를 선택할 수 있는 체크박스를 만듭니다.
radio 선택 항목 중 1가지만 선택 가능한 라디오 버튼을 만듭니다.
button 누를 수 있는 기본 버튼을 만듭니다.
submit 전송 버튼을 만듭니다.
reset 재설정 버튼을 만듭니다.
file 파일 선택창을 여는 버튼을 만듭니다.
hidden 사용자에게 보이지 않는 숨김 창을 만듭니다.
image 이미지로 된 전송 버튼을 만듭니다. (src 속성을 통해 이미지 주소을 지정합니다.)

아래는 HTML5에 새로 추가된 속성값

속성설명
color 색상 선택 창을 만듭니다.
date 년, 월, 일을 입력할 수 있는 날짜 입력 창을 만듭니다.
datetime 년, 월, 일, 시, 분, 초, 초의 분할까지 입력할 수 있는 표준시간날짜시간 입력 창을 만듭니다.
datetime-local 년, 월, 일, 시, 분, 초, 초의 분할까지 입력할 수 있는 표준시간이 아닌 날짜시간 입력 창을 만듭니다.
email 이메일 주소 창을 만듭니다.
month 년, 월 입력 창을 만듭니다.
number 숫자 입력을 위한 창을 만듭니다.
range 슬라이더같은 정확한 값이 중요하지 않는 숫자를 입력하는 창을 만듭니다.
search 검색창을 만듭니다.
tel 전화번호 입력창을 만듭니다.
time 표준시간이 아닌 시간 입력 창을 만듭니다.
url 인터넷 주소 입력창을 만듭니다.
week 표준시간이 아닌 년, 주 입력 창을 만듭니다.

 

'코딩 공부 > HTML' 카테고리의 다른 글

Placeholder를 사용하지 마세요.  (0) 2021.12.02
HTML lable for  (0) 2021.12.02
HTML 새창으로 열기 속성 지정  (0) 2021.11.12
<8> border  (0) 2021.03.09
<7> 배경  (0) 2021.03.09

+ Recent posts