HTML5真是牛气冲天，让我们在网上玩得风生水起。比如，不需要学那些麻烦的JavaScript，直接用HTML5里的input标签的pattern属性就可以搞定基本表单验证。这个pattern属性简直就是HTML5送给咱们的小法宝，可以帮我们用正则表达式检查输入的东西是否合规。
好比说，咱们要建个网页，要求用户输点儿数据，就像一串最少是一位的数字或者字母。那要怎么设置？很简单！只是把HTML5的magic注入到input标签里面，放个模式属性和正则表达式，比如[0-9a-zA-Z]{1,}。这样就能保证用户输入的东西符合规定！当然了，如果加个必需属性的话，用户就得填这个表单才能提交~
正则表达式的基本规则
说起正则表达式，有些人可能头大，觉得复杂难懂。其实不然，只要理解几个简单原则，你就能轻松上手。比如这[A-Z]，顾名思义，它能帮我们找出所有大写字母从A到Z；再来看这n{X}，它能帮我们找到含有X个n的字符串。如果想找至少有X个n的字符串，那就用n{X,}！
比如说，想要确认用户输进去的东西里，得有至少一个字符，还必须是数字0到9、小写字母a到z或是大写字母A到Z中的任一种。这时候，就可以用到[0-9a-zA-Z]{1,}这个正则表达式了。只要符合这个规矩，用户的输入就是OK的。
HTML5的pattern属性
HTML5的pattern属性挺给力，它能用正则表达式帮咱们校验表单！这个属性可以设定正则表达式的匹配规则，还能设置长度要求，比如想让用户填入的字串只能是数字和字母，且必须有最少一个字符，那用这个pattern就能搞定！
不过要注意，pattern属性也是有限制滴。比如，不像JavaScript里面那个RegExp对象那么实用，它没法添加那些像全球通用哇、大小写敏感啥的修饰符。为啥？就是因为pattern属性实际上是用的正则表达式，本来应该省去这些修饰符的，不过W3C那边的解释就是说，咱们必须得这么干。所以嘞，单靠pattern属性可能不能搞定所有复杂的验证呦。
HTML5的其他新元素
HTML5除mode关键字外，还有好多新玩意儿！比方说那个audio和video标签，用它们就可以在网页上直接播声音和看视频了。想咋播？加几个属性，像autoplay、loop啥的，轻轻一点，就搞定！
举个例子，如果你想让音乐一响起来就唱的话，就在
HTML5的多媒体支持
HTML5超赞！现在我们可以在网页上看视频听音频，打都不用装插件了。尤其是audio和video标签支持mp4、ogg、webm三种常见格式。虽然现在还有点儿不完美，但是觉得以后肯定会更好哒~
比如，想把视频播放器变高点儿？直接给<video>标签加个’height’属性就行！再比如，想给视频下载或点播之前加个图片？那就给<video>加点儿’stoper’属性！这些小技巧能让咱们的网页更有活力~
HTML5的未来展望
HTML5真是太棒了！它不用学复杂的编程语言，也能在网上实现各种功能，超级方便。比如那个模式属性，用正则表达式就能检查表单内容，既简洁又实用。而且HTML5还有好多新颖的元素，可以让网页更有趣哦～
虽然现在的HTML5也有一点小瑕疵，比如说pattern属性不能搭配修饰符用，音频和视频文件的格式也不是非常全。但是大家别急，等技术再厉害一点，这些问题也都能迎刃而解了。以后我们的HTML5肯定会强到飞起，提高网页的趣味性。
HTML5与正则表达式的结合
HTML5与正则表达式的组合，网页智能化了许多！比如，Pattern属性就会帮你使用正则表达式核实表单信息，保证别人填写的东西和你想要的一致。要知道，正则表达式的基础规则就能帮助我们轻松设置各类复杂的验证条件。
还有，你也能用上那个required属性，保证用户得给这些表格填满了。这么一来，咱们的网站就更能保护用户信息。
HTML5的实际应用
HTML5真的有用，让网页变得好玩多了！比如，audio和video标签不用额外的插件就能直接放音视频进去。还有pattern属性，用正则表达式验证表单内容，保证大家按照规矩填写就行~
比如，你可以在video标签里面加个高宽，轻松搞定视频框子大小~
HTML5的学习资源
想学HTML5？好，网上一堆学习资源等着你！像W3C官网就有关于HTML5的详细介绍和教程，还有各种技术论坛上也有很多牛人，遇到啥疑问都能帮你解答。
就像在StackOverflow上找寻HTML5和正则表达式的指南，或者去GitHub瞅瞅那些开源的HTML5项目，说不定能从中学到点实用小技巧！
HTML5的社区支持
HTML5超给力的社区支持，让咱们网页更炫酷啦～
HTML5的未来发展
html5的未来发展好棒！网页变得更炫酷了！
你也可以试试给video加个poster属性，这样就能决定下载时候展示的图片。还有就是，别忘了用户。
评论0