2022-02-17 14:18:11 1967 百度已收录
本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
在html中，可以使用required属性来设置必填项，需要在input元素标签中添加“required="required"”样式即可。required属性规定必需在提交之前填写输入字段。如果使用该属性，则字段是必填（或必选）的。
本教程 *** 作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
HTML5引入的必填项
required属性
required 属性规定必需在提交之前填写输入字段。
如果使用该属性，则字段是必填（或必选）的。
语法:
1
<input required="required">
特点:
适用于<input>标签的以下类型:text,search,url,telephone,email,password,date pickers,number,checkbox,radio以及file。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!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>
效果：
阅读剩余部分
最简单的就是js验证,如下,验证文本内容非空. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8"><title>title</title><script type="text/javascript">function chk(){ var text = document.form1.text1.valueif(text){ alert('empty string')} } </script></head><body><form name="form1"><input type="text" name="text1" /><input type="button" value="Submit" onclick="return chk()" /></form></body></html>麻烦采纳，谢谢!
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）