form表单新增的三个属性,form属性,multiple属性,pattern属性。

关于表单的新增属性:

HTML5吸纳了Web Forms2.0标准,大幅度强化了针对表单的功能,使关于表单的开发更快,更方便。其中我学到了三点,感觉挺有用的,特此记录一下。

一.form属性的增强:

在我们的小白的理解中,form表单的控件只能存放在

之间,也就是说必须将相关的控件元素放在表单的内部。但HTML5中新增了form属性解决了这个问题。

有了这个form属性,我们便可以将表单内的从属元素写在页面的任何一个位置,然后只需要将这个从属元素的form属性指定为表单的ID,切记,在使用时,必须引用所属表单的ID。

例子如下:(就是这么骚)



二.新增的form属性:multiple:

以上的multiple的中文意思是多重的,多个的意思,想必大家应该知道我想要表达什么了吧,

我们的上传文件功能在以前是只能支持选择单个文件上传,而我们的multiple属性支持选择多个文件同时上传,十分的简单快捷。


注意:在选择文件的时候要按住Ctrl键才能同时选择多个文件


三.新增的pattern属性:

我们将其理解为HTML5的正则表达式

它的作用是用于验证用户输入的内容是否与自定义的正则表达式相匹配,该属性适用于input中的text,search,URL,tel,email,password。


以上的是为了验证手机号是否输入正确。


你可能感兴趣的:(前端)