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>
效果：
阅读剩余部分
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function a(){
var a=document.getElementById("a").value
if(a==""){
alert("必填项，请重新输入")
return false
}
}
</script>
</head>
<body>
<textarea id="a" cols="60" rows="3" ></textarea>
<input type="submit" property="tokenNote" value="submit" onclick="a()" />
</body>
</html>
我给你上传到一个简单的网页，用的JS，你参考一下吧，
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）