码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-04-14 09:40:09      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:16px   enum   元素   在线   str   edit   content   防止   art   

本文固定链接: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…………………………………………………………………………

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

标签:16px   enum   元素   在线   str   edit   content   防止   art   

原文地址:https://www.cnblogs.com/mqxnongmin/p/10703947.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
分享档案
周排行
mamicode.com排行更多图片
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!