技术文章 >web前端 >html教程
html如何设置必填项
醉折花枝作酒筹醉折花枝作酒筹2021-06-02 15:23:12原创
在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>
效果：
52)Y{E])1_[P{RGTML6IQU5.png
扩展：
form表单提交-忽略表单验证(form表单的novalidate属性)
novalidate 属性规定当提交表单时
<SCRIPTLANGUAGE=JavaScript<!--//functiontextCounter(field,countfield,maxlimit){//定义函数，传入3个参数，分别为表单区的名字，表单域元素名，字符限制；if(field.value.lengthmaxlimit)//如果元素区字符数大于最大字符数，按照最大字符数截断；field.value=field.value.substring(0,maxlimit)else//在记数区文本框内显示剩余的字符数；countfield.value=maxlimit-field.value.length}//--</SCRIPT<formname=myformaction=<textareaname=messagewrap=physicalcols=28rows=4onKeyDown=textCounter(this.form.message,this.form.remLen,5)onKeyUp=textCounter(this.form.message,this.form.remLen,5)</textarea尚能输入<inputreadonlytype=textname=remLensize=4maxlength=3value=5个字符</div</form给你段代码自己看看吧欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）