正则表达式和新的HTML5元素

ProcessOn是一个在线协同绘图平台，为用户提供最强大、最易用的绘图工具！

它可以很容易地在网上画一些东西，这样你就可以具体地理解它们。

正规表达式

今天的规律只是学习规律的简单运用。面对HTML5强大的标签属性，我们在去正则化之前已经不能再学习javascript了，因为HTML5的输入标签的模式可以实现标签验证，近似替代复杂的javascript，使用正规的验证形式，未来肯定会被完全替代。

规律性的简单运用：

[0-9]查找0到9之间的任何数字。[a-z]查找从小写a到小写Z的任何字符.[A-Z]查找从大写字母A到大写字母Z的任何字符.[A-z]查找从大写字母A到小写字母Z的任何字符.N{X}匹配包含N的X个序列的字符串。N{X，Y}匹配包含N的X个或Y个序列的字符串。N{X，}匹配包含至少N个序列的字符串。

记住这些可以实现简单的常规操作。例如：

表单操作=' # '输入类型=' text' pattern=' [0-9a-za-z] {1，} '必需输入类型=' submit '值=' submit' /form这是验证范围超过1个字符的任何0到9或A到Z或A到Z的简单表单验证，必需的是将此文本设置为必需项。

但是，如果您使用规律性，您需要记住元字符、量词和方括号的含义。

Pattern属性指定常规匹配模式，并且只指定可以写入以匹配常规匹配的长度。

它不能像javascript的RegExp对象那样方便，也不能设置修饰符，也就是设置全局或者区分大小写。

但是它的功能已经很强大了。

还有为什么不能设置修饰符，因为它是正则表达式，但是在w3c里面解释说pattern是正则表达式，不是字符串，所以必须省略修饰符，所以它不能设置这个修饰符，也不会出错。

补充知识：匹配汉语的规律性

[\u4e00-\u9fa5]这真的只匹配中文

[\ x00-\ xff]这匹配所有非ASCII字符，即一般意义上的半角字符，以及这些%！)(是全角字符。

HTML5的音频和视频元素

音频音频选项卡

音频控制自动播放循环源src=' http:url '类型=' audio/MP4 '源ssrc=' http:url '类型=' audio/ogg' p您的浏览器不支持/p /audio渲染：

其属性：

自动播放自动播放如果出现此属性，音频将在准备好后立即播放。

控件控件如果出现此属性，将向用户显示控件，如播放按钮。

Loopboop如果此属性出现，它将在音频结束时重新开始播放。

预加载预加载如果出现此属性，当页面加载并准备播放时，音频将被加载。如果使用“自动播放”，则忽略该属性。

要播放的音频的url。

视频视频标签

视频控件循环静音宽度=' 400 '高度=' 400 '海报='播放前显示图片的URL '源src=' http :视频本地地址URL '类型='video/Mp4 '源src='http:视频本地地址URL '类型='video/ogg'p您的浏览器不支持/p/video

其属性：

自动播放自动播放如果出现此属性，视频将在准备好后立即播放。

控件控件如果出现此属性，将向用户显示控件，如播放按钮。

Loopboop如果出现此属性，媒体文件将在播放完毕后再次开始播放。

静音静音指定视频的音频输出应该静音。

海报网址指定下载视频时或用户单击播放按钮前要显示的图像。

预加载预加载如果出现此属性，当页面加载并准备播放时，视频将被加载。如果使用“自动播放”，则忽略该属性。

要播放的视频的url。

宽度像素设置视频播放器的宽度。

高度像素设置视频播放器的高度。

它们都有三种格式，一种是mp4，另一种是ogg，还有一种是webm。目前支持的格式还不完善。

以上是边肖介绍的正则表达式和HTML5的新元素，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！