HTML5 input type 기능

유관희·2022년 4월 25일
0
post-thumbnail

🚂 HTML5 input type 기능


< input> date 타입을 하면 연도-월-일 이 나온다.

‏‏‎ ‎

‏‏‎ ‎

< input> month 면 연도 월 까지 나온다.

‏‏‎ ‎

< input> week 이면 주까지 나온다.

‏‏‎ ‎

‏‏‎ ‎

< input> time 이면 시간, 분, 초를 쉽게 정할 수 있다.

< input> email 이면 email 칸이 나온다.

‏‏‎ ‎

email 양식이 틀리면 에러문자가 나온다.

‏‏‎ ‎

모바일 버전시 이메일 칸은 쉽게 입력할 수 있게 문자판이 나온다.

‏‏‎ ‎

< input> tel 시 폰 번호 칸이 나온다.

‏‏‎ ‎

모바일시 전화번호 입력시 숫자판이 아래에 나온다.

< input> url 시 url 입력 칸이 나온다.

형식에 맞지 않는 url 입력 시 에러문자가 나온다.

모바일시 url 문자 입력시 문자판이 나온다.

< input> range 에 조정바가 나온다.

조정바를 최소값과 최대값을 지정할 수 있다.

‏‏‎ ‎

‏‏‎ ‎

‏‏‎ ‎

profile
안녕하세요~

0개의 댓글