HTML5 에서는 입력 요소의 type 속성이 많이 추가 되었습니다.

추가된 속성으로는

• search
• tel
• url
• email
• datetime
• date
• month
• week
• time
• detatime-local
• number
• range
• color

이 추가된 요소로 인해 폼컨트롤이 다양 해졌습니다.

아직 많은 브라우저가 지원 하고 있지 않지만… 지원되는 브라우저 및 기기를 확인하고 알아보겠습니다.

<input type="tel"> in Safari on iPhone/iPod Touch:

<input type="url"> in Safari on iPhone/iPod Touch:

<input type="email"> in Safari on iPhone/iPod Touch:

<input type="number"> in Safari on iPhone/iPod Touch:

<input type="search"> in Safari 4.0.5 on Mac OS X:

<input type="range"> in Safari 4.0.5 on Mac OS X:

<input type="date"> in Opera 10.10 on Mac OS X:

<input type="email"> in Opera 10.10 on Mac OS X:

특이할점은 아이폰/아이팟 에서는 input type 속성에 따라 그에 맞는 키보드가 배열 된다는 것입니다.

사용자의 입장에서 본다면 아주 유용 할 것 같네요.

나머지 속성들에 대해선 올연말쯤에나 모든 브라우저에서 가능 할 것으로 보입니다.