• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > html教程 >  HTML5表单必填项属性正文

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

作者:网页模板
类型:图文教程
点击次数:
发布时间:2014-03-25 14:30
分享到:
前端人员肯定做过不少表单验证的项目,其中很重要的一点就是有些输入框的内容是必须填写的,这里就需要使用Javascript来检查。在HTML5中,新增了一个“必须填写”的属性:required。required属性有两种使用方法,第二种方法显得更有结构性,而第一种更简洁。
<input type="text" name="someInput" required>
<input type="text" name="someInput" required="required">

有了这个属性,使表单的提交验证变得更简单了,看看下面简单的例子:
<FORM method=post>
    <LABEL for=someInput> Your Name: </LABEL>
<INPUT id=someInput type=text name=someInput placeholder="Douglas 
Quaid" required="required">
    <BUTTON type=submit>Go</BUTTON>
</FORM>
如果输入框为空,表单将无法提交成功。
(责任编辑:网页模板)
  • 本文标签:
  • HTML5 required
完美解决IE浏览器对HTML5的支持
HTML5自动获取焦点autofocus="autofocus"