html5表单的required属性使用

描述

今天无意之中发现form有自带非空判断功能,查了资料发现,required 属性是 HTML5 中的新属性

定义和用法

required 属性是一个布尔属性
required 属性规定必需在提交之前填写输入字段。
如果使用该属性，则字段是必填（或必选）的。
注释：required 属性适用于以下 类型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。
 

语法使用

 

       用户名

       密码

       
   

注意:
1:required和required="required"效果是一样的,只不过前者是简写
2:必须要用form标签把代码包裹起来才有效
3:点击的按钮必须要是submit类型,类型为button无效

效果

就是一个简单的提示要输入改文本框

如何自定义提示文字

用户名

如何让required失效

1:把按钮类型变成button而不是submit
2:提交按钮添加formnovalidate属性

  

		   用户名

		   密码

		   
	   

3:在元素中添加novalidate属性，禁用整个表单的验证功能

  

		   用户名

		   密码

		   
	   

4，pattern属性 - 使用正则表达式验证
（1）不必使用^和$字符表示要匹配字段值得开头和结尾。
（2）只设置pattern的话，空值也会通过。如果不允许空，则还要加上required属性。

到此这篇关于html5表单的required属性使用的文章就介绍到这了,更多相关html5表单required属性内容请搜索潘少俊衡以前的文章或继续浏览下面的相关文章，希望大家以后多多支持潘少俊衡！