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

Posted 2021-02-16 mqxnongmin

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

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

html5已经火了一段时间了，相信作为web相关开发project师，肯定或多或少的了解和尝试过一些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…………………………………………………………………………