专题课程
在HTML5移动开发中,通过这些新的输入框类型来显示定制后的键盘布局,用户体验更好,更容易填写各种表单
本文中,实测手机为肾4S与米4
定义input类型为type="number"时,iOS显示数字、标点及符号键盘,Android显示拨号键盘。代码如下所示
1 |
|
附图:左图iOS右图Android
定义input类型为type="tel"时,iOS与Android都显示拨号键盘。代码如下所示
1 |
|
附图:左图iOS右图Android
定义input类型为type="email"时,iOS与Android都显示字母及电子邮件符号键盘。代码如下所示
1 |
|
附图:左图iOS右图Android
定义input类型为type="url"时,iOS与Android都显示字母及链接符号键盘。代码如下所示
1 |
|
附图:左图iOS右图Android
定义input类型为type="date"时,iOS与Android都显示日期拾取器,风格差异很大。代码如下所示
1 |
|
附图:左图iOS右图Android
定义input类型为type="time"时,iOS与Android都显示时间拾取器,风格差异很大。代码如下所示
1 |
|
附图:左图iOS右图Android