본문 바로가기
코딩

HTML5의 입력양식

by Skema 2017. 2. 14.
반응형

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 설정 가능.

반응형

'코딩' 카테고리의 다른 글

HTML5 입력 값 체크  (0) 2017.02.14
HTML5 form3 : 새로운 속성들  (0) 2017.02.14
HTML5 - can i use  (0) 2017.02.14
HTML5 - video 삽입  (0) 2017.02.14
외부문서삽입 - iframe  (0) 2017.02.13

댓글