HTML 标签的 required 属性

required 属性是逻辑属性。 支持 <input>, <select>, <textarea> 等元素。


实例

带有必填文本区域的表单:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>input 的 required 属性</h1>
  5. <form action="/example/html/action_page.aspx">
  6. <label for="username">用户名:</label>
  7. <input type="text" id="username" name="username" required>
  8. <input type="submit" value="提交">
  9. </form>
  10. </body>
  11. </html>

浏览器支持

属性
requiredNoYesNoYesYes

所有主流浏览器都支持 required 属性,除了 Internet Explorer 和 Safari。


定义和用法

required 属性是逻辑属性。 支持 <input>, <select>, <textarea> 等元素。

如果设置该属性,则规定文本区域(textarea)是必填的(以便顺利提交表单)。


HTML 4.01 与 HTML 5 之间的差异

required 属性 HTML5 中的新属性。


语法

  1. <textarea required>

更多实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>select 的 required 属性</h1>
  5. <p>required属性指定用户在提交表单之前必须选择一个值:</p>
  6. <form action="/example/html/action_page.aspx">
  7. <label for="cars">选择一辆车:</label>
  8. <select name="cars" id="cars" required>
  9. <option value=""></option>
  10. <option value="volvo">沃尔沃</option>
  11. <option value="saab">萨博</option>
  12. <option value="mercedes">梅赛德斯</option>
  13. <option value="audi">奥迪</option>
  14. </select>
  15. <br><br>
  16. <input type="submit" value="提交">
  17. </form>
  18. </body>
  19. </html>
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <form action="/example/html/action_page.aspx">
  5. <textarea name="comment" required></textarea>
  6. <input type="submit">
  7. </form>
  8. </body>
  9. </html>