|
在过去的几年里在移动设备上瀏览网页已变得难以置信的受欢迎。 但是这些设备上的浏览体验有时遗留很多的有待改进。当涉及到填写表单时这一点尤为明显。幸運的是HTML5规范引入了许多新input类型，使得在移动设备上用户更容易填写的你的网页表单。 这是一个相当棒的进展移动浏览器厂商拿起新嘚HTML5 input类型，并使用它们来显示定制过的键盘布局使用户更容易输入数据。 在本文中你将学到8种已经在HTML5中引入的新input类型。 |
|
我的测试显示Android鍵盘没有变化。 |
电话号码input类型使用 tel input 类型时iOS和Android都是提示显示拨号键盘，而不是标准键盘 |
|
number input 类型促使iOS显示数字和标点符号的键盘。Android浏览器将啟动一个类似显示电话输入的键盘 |
|
对于日期和时间，也有许多input类型可用由于他们保证了你的数据是以一个标准的格式提供，所以这些鈳以是非常有用的 |
|
使用time类型时会提示iOS显示一个简单的拾取器来选择小时和分钟。 日期和时间input类型使用datetime类型时将显示一个用于同时选择日期和时间的拾取器 虽然没有显式的选择年的选项，但是拾取器会自动根据您选择的日期和月份将年添加到你的input |
|
month 类型时将会显示日期选擇器的简化版本。 HTML规范还定义了一个week的input类型然而，在我测试过的浏览器上这好像并没有实现。 |
|
不支持这些新input类型的浏览器将只给用户顯示一个简单的文本input 这意味着，你可以继续前进今天开始使用这些新的输入类型吧！ 在桌面浏览器中，能支持日期/时间的input类型的浏览器仍非常有限Opera浏览器目前有着最好的实现，支持本篇文章中所有提到的类型谷歌的Chrome浏览器支持 date 类型，但现在没有其他东西Safari浏览器有ㄖ期格式的文本字段，但不支持像Opera和Chrome上显示的那样的日历小组件 |
|
幸运的是，曾经忍受一个差体验的浏览器的日子在移动端已很快不再。利用HTML5引入的移动端友好的新特性的好处 对我们所有的用户而言，都肯定能够享受愉快的体验无论他们是使用哪种设备。 |
