HTML 标签的 required 属性
required 属性是逻辑属性。 支持 <input>, <select>, <textarea> 等元素。
实例
带有必填文本区域的表单:
<!DOCTYPE html>
<html>
<body>
<h1>input 的 required 属性</h1>
<form action="/example/html/action_page.aspx">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<input type="submit" value="提交">
</form>
</body>
</html>
浏览器支持
属性 | |||||
---|---|---|---|---|---|
required | No | Yes | No | Yes | Yes |
所有主流浏览器都支持 required 属性,除了 Internet Explorer 和 Safari。
定义和用法
required 属性是逻辑属性。 支持 <input>, <select>, <textarea> 等元素。
如果设置该属性,则规定文本区域(textarea)是必填的(以便顺利提交表单)。
HTML 4.01 与 HTML 5 之间的差异
required 属性 HTML5 中的新属性。
语法
<textarea required>
更多实例
<!DOCTYPE html>
<html>
<body>
<h1>select 的 required 属性</h1>
<p>required属性指定用户在提交表单之前必须选择一个值:</p>
<form action="/example/html/action_page.aspx">
<label for="cars">选择一辆车:</label>
<select name="cars" id="cars" required>
<option value="">无</option>
<option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
<option value="mercedes">梅赛德斯</option>
<option value="audi">奥迪</option>
</select>
<br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<form action="/example/html/action_page.aspx">
<textarea name="comment" required></textarea>
<input type="submit">
</form>
</body>
</html>