HTML 标签的 disabled 属性

disabled 属性规定禁用文本区。被禁用的文本区既不可用,也不可点击。


实例

一个被禁用的文本区:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>button 标签 disabled 属性</h1>
  5. <button type="button" disabled>点击我!</button>
  6. </body>
  7. </html>

定义和用法

disabled 属性规定禁用文本区。被禁用的文本区既不可用,也不可点击。

disabled 属性适用于 input, textarea, fieldset, select, option 等元素。

可以设置 disabled 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该文本区的使用。然后,可以使用 JavaScript 来清除 disabled 属性,以使文本区变为可用状态。


语法

  1. <textarea disabled="value">
属性值
描述
disabled 规定应该禁用该文本区。

更多实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>fieldset 标签 disabled 属性</h1>
  5. <form>
  6. <form action="/example/html/action_page.aspx">
  7. <fieldset disabled>
  8. <legend>个人情况:</legend>
  9. <label for="fname">姓氏:</label>
  10. <input type="text" id="fname" name="fname"><br><br>
  11. <label for="lname">名字:</label>
  12. <input type="text" id="lname" name="lname"><br><br>
  13. <label for="email">Email:</label>
  14. <input type="email" id="email" name="email"><br><br>
  15. <label for="birthday">生日:</label>
  16. <input type="date" id="birthday" name="birthday"><br><br>
  17. <input type="submit" value="提交">
  18. </fieldset>
  19. </form>
  20. </form>
  21. <p><b>备注:</b> IE(或更早)或Safari 6(或更早)中不支持fieldset元素的禁用属性。</p>
  22. </body>
  23. </html>
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>optgroup 元素的 disabled 属性</h1>
  5. <form action="/example/html/action_page.aspx">
  6. <label for="cars">选择一辆车:</label>
  7. <select name="cars" id="cars">
  8. <optgroup label="瑞典车">
  9. <option value="volvo">沃尔沃</option>
  10. <option value="saab">赛博</option>
  11. </optgroup>
  12. <optgroup label="德系车" disabled>
  13. <option value="mercedes">梅赛德斯</option>
  14. <option value="audi">奥迪</option>
  15. </optgroup>
  16. </select>
  17. <br><br>
  18. <input type="submit" value="提交">
  19. </form>
  20. </body>
  21. </html>
  1. <form action="/action_page.aspx">
  2. First name: <input type="text" name="fname"><br>
  3. Last name: <input type="text" name="lname" disabled><br>
  4. <input type="submit" value="Submit">
  5. </form>
  1. <select disabled>
  2. <option value="volvo">沃尔沃</option>
  3. <option value="saab">赛博</option>
  4. <option value="mercedes">梅赛德斯</option>
  5. <option value="audi">奥迪</option>
  6. </select>
  1. <textarea disabled>
  2. 在 cankaoshouce.com,你将学习如何创建网站。我们提供所有网络开发技术的免费教程。
  3. </textarea>