前端人员肯定做过不少表单验证的项目,其中很重要的一点就是有些输入框的内容是必须填写的,这里就需要使用Javascript来检查。在HTML5中,新增了一个“必须填写”的属性:required。required属性有两种使用方法,第二种方法显得更有结构性,而第一种更简洁。
1 | <</CODE>input type = "text" name = "someInput" required> |
2 | <</CODE>input type = "text" name = "someInput" required = "required" > |
有了这个属性,使表单的提交验证变得更简单了,看看下面简单的例子:
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 > |
如果输入框为空,表单将无法提交成功。