前端人员肯定做过不少表单验证的项目,其中很重要的一点就是有些输入框的内容是必须填写的,这里就需要使用Javascript来检查。在HTML5中,新增了一个“必须填写”的属性:required。required属性有两种使用方法,第二种方法显得更有结构性,而第一种更简洁。
1 |
<</CODE>input type="text" name="someInput" required> |
2 |
<</CODE>input type="text" name="someInput" required="required"> |
![[转载]HTML5表单必填项属性required="required" 技术分享](http://www.5imoban.net/uploads/allimg/140325/1-140325143334946.jpg)
有了这个属性,使表单的提交验证变得更简单了,看看下面简单的例子:
1 |
<</CODE>FORM method=post> |
2 |
<</CODE>LABEL for=someInput> Your Name: </</CODE>LABEL> |
3 |
<</CODE>INPUT id=someInput type=text name=someInput placeholder="Douglas |
4 |
Quaid" required="required"> |
5 |
<</CODE>BUTTON type=submit>Go</</CODE>BUTTON> |
如果输入框为空,表单将无法提交成功。
HTML5表单必填项属性required="required"
原文:http://www.cnblogs.com/yy-5616/p/5062542.html