首页 > Web开发 > 详细

HTML5表单必填项属性required="required"

时间:2015-12-21 10:40:19      阅读:1550      评论:0      收藏:0      [点我收藏+]

前端人员肯定做过不少表单验证的项目,其中很重要的一点就是有些输入框的内容是必须填写的,这里就需要使用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>
6 </</CODE>FORM>

如果输入框为空,表单将无法提交成功。

HTML5表单必填项属性required="required"

原文:http://www.cnblogs.com/yy-5616/p/5062542.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!