코딩
HTML5의 입력양식
Skema Shark
2017. 2. 14. 20:23
반응형
HTML5의 새로운 제출양식 (생활코딩)
# (복습)
form : 서버쪽으로 제출할 때.
<input type>이 대폭 추가됨.
# <input type="number"> 숫자가 아닌 것은 입력 못함. 규제!
세부적인 속성 min="10", max="15" 이렇게 정할 수 있어서
사용자의 입력을 강제,유도,규제할 수 있다. (특징1)
# 모바일 디바이스에서는 키보드 키패드가 숫자로 나옴.
input의 새로운 것.
편리 (특징2)
# 사용자가 유효하지 않은 값을 입력하면 <input type="submit">
그것을 거부하도록 할 수 있음.
도움말 : 15이하 값을 입력해야 합니다.
(특징3)
# 열거 (모두 <input type="*" name =" * "> 뜻함.) : 모두 특징1,2,3을 가지고 있음.
date 태그
# month는 년과 월까지만 입력 가능
# week는 년과 몇번째주 입력 가능
# time 는 년도와 시간 입력 가능
# email은 제출하기 쉽게.
# search는 일반적인 텍스트 필드와 구분 가능
# tel은 전화번호 (키패드)
# url은 입력시, 구분하여 URL입력.
# range는 슬라이더가 생겨서 min, max 설정 가능.
반응형