html如何设置必填项
导读:收集整理的这篇文章主要介绍了html如何设置必填项,觉得挺不错的,现在分享给大家,也给大家做个参考。在htML中,可以使用required属性来设置必填项,需要在input元素标签中添加“required="required"”样式即可。r...
收集整理的这篇文章主要介绍了html如何设置必填项,觉得挺不错的,现在分享给大家,也给大家做个参考。在htML中,可以使用required属性来设置必填项,需要在input元素标签中添加“required="required"”样式即可。required属性规定必需在提交之前填写输入字段。如果使用该属性,则字段是必填(或必选)的。
本教程操作环境:windows7系统、CSS3& & HTML5版、Dell G3电脑。
HTML5引入的必填项
required属性
required 属性规定必需在提交之前填写输入字段。
如果使用该属性,则字段是必填(或必选)的。
语法:
input required="required">
特点:
适用于input> 标签的以下类型:text,seArch,url,telephone,email,password,date pickers,number,checkbox,radio以及file。
!DOCTYPE html> html> head> meta charset="utf-8" /> tITle> required属性/title> /head> body> form action="demo-form.php"> Username: input type="text" name="usrname" required /> input type="submit" /> /form> p> strong> 注意:/strong> internet Explorer 9及更早 IE 版本,或 Safari 不支持 input 标签的 required 属性。 /p> /body> /html>
效果:
扩展:
form表单提交-忽略表单验证(form表单的novalidate属性)
novalidate 属性规定当提交表单时不对其进行验证。
如果使用该属性,则表单不会验证表单的输入。
注释:novalidate 属性适用于:form> ,以及以下类型的 input> 标签:text, search, url, telephone, email, password, date pickers, range 以及 color。
语法:
form novalidate="novalidate">
推荐学习:html视频教程
以上就是html如何设置必填项的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html如何设置必填项
本文地址: https://pptw.com/jishu/591327.html