随堂笔记之正则与HTML5新元素

在进入主题前，先插个网站https://www.processon.com/

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

它可以很方便的在线简单绘制一些东西，让自己去具体理解。

正则表达式

今日的正则只是学习正则的简单使用。在HTML5的标签属性的强大面前，我们

已经可以不用去先学习javascript才能再去正则了，因为HTML5的input标签的

pattern可以实现标签的验证，近似取代复杂的javascript使用正则验证表单，在

未来一定会完全取代的。

正则的简单使用：

[0-9] 查找任何从 0 至 9 的数字。
[a-z] 查找任何从小写 a 到小写 z 的字符。
[A-Z] 查找任何从大写 A 到大写 Z 的字符。
[A-z] 查找任何从大写 A 到小写 z 的字符。

n{X} 匹配包含 X 个 n 的序列的字符串。
n{X,Y} 匹配包含 X 或 Y 个 n 的序列的字符串。
n{X,} 匹配包含至少 X 个 n 的序列的字符串。

记得这几个可以实现简单的正则运算了。如：

   form   action  ="#"  > 
           input   type  ="text"   pattern  ="[0-9a-zA-Z]{1,}"   required  > 
           input   type  ="submit"   value  ="提交"  > 
       form  >  

查看更多关于随堂笔记之正则与HTML5新元素的详细内容...