모바일 브라우징 향상시키기 위해 HTML5의 입력 형식을 사용하기

<input type=”email” name=”email>

이메일 유형은 아이폰 iOS와 안드로이드 브라우저 모두 사용자 정의 키보드가 나타난다.
iOS키보드에서는 “@”와 “.”가 키보드 아래 추가 되었다. 안드로이드트에서는 표준 콤마 키가 스페이스바 왼쪽에 “@”키가 나타난다.

<input type=”url” name=”url” />

iOS url 주소 키보드
input type url은 유저의 웹 주소를 입력할 수 있다.

<input type=”tel” name=”tel”>

전화 입력 방식을 사용하면 아이폰과 안드로이드 모두 표준 키보드 대신 전화 걸기 키패드가 나옵니다.

<input type=”number” name=”number”>

<input type=”date” name=”date”>

<input type=”datetime” name=”datetime”>

<input type=”month” name=”month”>

출처: Using HTML5 Input Types to Enhance The Mobile Browsing Experience