在html中,可以使用required屬性來設(shè)置必填項,需要在input元素標簽中添加“required="required"”樣式即可。required屬性規(guī)定必需在提交之前填寫輸入字段。如果使用該屬性,則字段是必填(或必選)的。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
HTML5引入的必填項
required屬性
required 屬性規(guī)定必需在提交之前填寫輸入字段。
如果使用該屬性,則字段是必填(或必選)的。
語法:?
<input required="required">
特點:
適用于標簽的以下類型: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>
效果:
![1622618194983258.png 52)Y{E])1_[P{RGTML6IQU5.png](/static/imghw/default1.png)
擴展:
form表單提交-忽略表單驗證(form表單的novalidate屬性)
novalidate 屬性規(guī)定當(dāng)提交表單時不對其進行驗證。
如果使用該屬性,則表單不會驗證表單的輸入。
注釋:novalidate 屬性適用于: