html, css/html

HTML <input> type Attribute 정리

리셔시당 2018. 9. 22. 08:41
반응형


웹디자이너를 위한 html5 라는 을 보는데 여기에 내가 모르고 있던 input type 들이 있어서

input type="search" 이런거도 늦게 알게되어서 ;;

이번 기회에 어떤 것들이 있는지 한번 훝어보면 좋을 것 같아 이렇게 정리 함.


https://www.w3schools.com/tags/att_input_type.asp


위에 사이트의 내용을 그대로 옮겨 정리 한 내용입니다.


Value Description
button 클릭 가능한 버튼(대부분 스크립트 활성화를 위해 JavaScript와 함께 사용됨)을 정의
checkbox 체크를 할 수 있는것을 정의
color 색상 선택기 정의
date 날짜 제어(년, 월, 일(시간 없음)를 정의
datetime-local 날짜 및 시간 제어(연, 월, 일, 시간(시간대 없음)를 정의
email 전자 메일 주소의 필드를 정의
file 파일 선택 필드 및 "찾아보기" 버튼(파일 업로드용)을 정의
hidden 숨겨진 입력 필드를 정의
image 이미지 제출 버튼으로 정의
month 월 및 연도 제어 정의(시간대 없음)
number 숫자를 입력할 필드를 정의합니다.
password 암호 필드를 정의
radio 라디오 버튼 정의
range 범위 컨트롤을 정의(슬라이더 컨트롤과 유사)
reset 재설정 버튼 정의
search 검색 문자열을 입력할 텍스트 필드를 정의
submit 제출 단추 정의
tel 전화 번호 입력 필드를 정의
text 체납 단일 줄 텍스트 필드를 정의
time 시간(시간대 없음) 입력 제어를 정의
url URL 입력 필드를 정의
week 주 및 연도 제어 정의(시간대 없음)