Question

过去，想要让表单风格跨浏览器保持一致是很困难的。而且还需要JavaScript来验证表单输入，此外，也缺少一些处理日常信息（如电话号码、电子邮箱以及URL）的输入类型。好消息是HTML5基本上解决了这些常见的问题。接下来我们来熟悉一下新的HTML5表单特性，来看看它们如何减轻我们的负担。

在响应式设计中使用HTML5制作表单会带来额外的好处。它能让我们再次简化代码，为用户提供尽可能简洁的页面。对于不支持这些新特性的浏览器，我们有工具给它们打补丁，也能做到表现一致。

本章内容

在表单域中插入占位符文字

在需要时禁用表单域的自动完成功能

将特定表单域设置为必填项

使用不同类型的输入框，如电子邮箱、电话号码和URL。

制作数字输入滑动条以方便选择数值

使用日期和颜色选择器

学习如何使用正则表达式定义表单值验证规则

为落后的浏览器添加腻子脚本

使用CSS3轻松灵活地美化HTML5表单