웹프론트엔드/html

[html] input 태그의 type속성 정리

직장인코딩 2022. 10. 5. 13:46
반응형
 
종류
설명
text
한줄짜리 텍스트를 입력할 수 있는 텍스트 박스
password
비밀번호를 입력 할 수 있는 필드
search
검색할때 입력하는 필드
url
url 주소를 입력 할수 있는 필드
email
이메일 주소를 입력할 수 있는 필드
tel
전화번호를 입력할 수 있는 필드
checkbox
주어진 여러항목에서 2개이상 선택할 수 있는 체크박스를 넣습니다.
radio
주어진 여러항목에서 1개만 선택할 수 있는 라디오버튼을 넣습니다.
number
숫자를 조절 할 수 있는 스핀박스를 넣습니다.
range
숫자를 조절 할 수 있는 슬라이드 막대를 넣습니다.
date
사용자 지역을 기준으로 날짜(연,월,일)를 넣습니다.
month
사용자 지역을 기준으로 날짜(연, 월)를 넣습니다.
week
사용자 지역을 기준으로 날짜(연, 주)를 넣습니다.
time
사용자 지역을 기준으로 시간(시, 분, 초, 분할 초)을 넣습니다.
datetime
국제 표준시로 설정된 날짜와 시간(연,월,일,시,분,초,분할초)를 넣습니다.
datetime-loacl
사용자가 있는 지역을 기준으로 날짜와 시간(연,월,일,시,분,초,분할초)을 넣습니다.
submit
전송 버튼을 넣습니다.
reset
리셋 버튼을 넣습니다.
image
submit 버튼 대신 사용할 이미지를 넣습니다.
button
일반 버튼을 넣습니다.
file
파일을 첨부 할 수 있는 버튼을 넣습니다.
hidden
사용자에게는 보이지 않지만 서버로 넘겨주는 값이 있는 필드를 만듭니다.

 

출처: Do it! 한권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹표준의 정석

 

반응형