前端开发攻城师绝对不可忽视的五个HTML5新特性

本文固定链接：http://www.verydemo.com/demo_c101_i62930.html

日期：2013-7-2  来源：GBin1.com

HTML5已经火了一段时间了，相信作为web相关开发工程师，肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标，HTML5绝对不容忽视。

在今天这篇技术分享文章中，我们将介绍几个HTML5的重要特性，能够帮助你提高整个web应用的使用体验和开发效率，相信大家会感兴趣的！

特性一：正则表达式

相信大家都会非常喜欢这个特性，无须服务器端的检测，使用浏览器的本地功能就可以帮助你判断电子邮件的格式，URL，或者是电话格式，防止用户输入错误的信息，通过使用HTML5的pattern属性，我们可以很方便的整合这个功能，代码如下：

<input type="email" pattern="[^ @]*@[^ @]*" value="">

运行如下：

如果在Firefox浏览器中运行，并且输入错误的email地址，会看到如下：

GBdebug在线调试地址：http://www.gbin1.com/gb/debug/3465707b-8071-40fa-a159-4356a0a17a52.htm

特性二：数据列表元素

在没有HTML5的日子里，我们会选择使用一些JS或者知名的jQuery UI来实现自动补齐的功能，而在HTML5中，我们可以直接使用datalist元素，如下：

<form action="/server" method="post">
    <input list="jslib" na…………………………………………………………………………