HTML5 동영상강좌 바로가기

HTML5 FORM에서 input타입내 지원하는 type은 어떤 것이 있을까요?

본문

HTML5에서 눈여겨 볼 부분은 input타입을 많이 지원한다는 것입니다. 

 

 이전에 흔히 알고 있던 서너가지 타입에 비하면 엄청 늘었다고 볼 수 있습니다. 

 

기존 타입 : text, hidden, password, file 등

 

html5에서 지원하는 타입들

 

<form>

......

<input type=text>

<input type=search>

<input type=tel>

<input type=url>

<input type=email>

<input type=datetime>

<input type=date>

<input type=month>

<input type=week>

<input type=time>

<input type=datetime-local>

<input type=number>

<input type=range>

<input type=color>

<input type=checkbox>

<input type=image>

<input type=file>

....

</form>

 

기존에 자바스크립트를 이용하여 의미를 부여하거나 사용자 입력을 제한하는 것들이 대부분 포함된 것을 볼 수 있습니다.

그만큼 홈페이지가 명확하여 졌고 제작자는 불필요한 추가 작업을 안해도 되는 것 같습니다. 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기


HTML5 동영상강좌 바로가기