本文共 913 字,大约阅读时间需要 3 分钟。
本节书摘来自异步社区《HTML5实战》一书中的第2章,第2.6节,作者: 【美】Rob Crowther , Joe Lennon , Ash Blue , Grey Wanish 更多章节内容可以访问云栖社区“异步社区”公众号查看。
HTML5提供了很多改进Web表单的功能。新的输入类型(如email与tel)为开发者提供了更多的部件,且实现方法更为简洁。对于数据验证来说,在不借助JavaScript的情况下,利用新的输入类型(如pattern)可以完成许多验证任务。更为令人欣喜的是,约束验证API也大大简化了自定义验证测试与错误消息提示的开发工作。更不用说,data-*属性让数据与HTML元素的绑定也更为高效了。
遗憾的是,现今各家浏览器对于实现这些特性的开发进展相对缓慢,造成了目前HTML5在各种浏览器上支持度参差不齐的情况。虽然就近期而言,HTML5先进的表单特性在具体浏览器实现上的缓慢与局限无法得到迅速缓解,但这并不应该令我们驻足不前,在Web应用上放弃使用HTML5表单特性。一旦拥有了Modernizr这样先进的特性侦测工具以及polyfills列表,开发者完全可以将HTML5的表单特性高效地用于Web应用开发之中。
虽然本章所讲的这个订单应用实现了保存特性,但它却不能将表单保存在客户端,而只能将其保存到服务器端。将表单保存到客户端本地系统无疑是一种较好的方法,能够为用户提供更快的反馈,另外也基本上(或根本)不需要占用服务器端资源。第3章就将介绍这种技术,我们将利用File System API在客户端本地系统创建并保存文件。
除此之外,第3章还会将到表单的高级编辑功能,这将用到Editing API与Geolocation API。有些表单不仅仅能让用户填入简单的数字与姓名,还能实现更为高级的功能。比如,在博文编辑器中,有时需要为输入的文字提供特殊的格式(如粗体与斜体等)。Editing API的构造非常强大,可以快速地创建出这种富媒体支持。另外,如果网络上的作者需要在博客或其他文章上插入地图,那么我们可以利用Geolocation API为他们提供本地化的地图服务。
转载地址:http://mcvul.baihongyu.com/