HTML disabled 屬性
定義和用法
disabled 屬性是一個布林屬性。
當存在時，它指定元素應被停用。
停用的元素是不可用的。
disabled 屬性可以設定為阻止使用者使用該元素，直到滿足其他條件（例如選擇複選框等）。然後，JavaScript 可以刪除 disabled 值，使元素再次可用。
適用範圍
disabled 屬性可用於以下元素
| 元素 | Attribute |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
示例
Fieldset 示例
停用一組相關的表單元素
<fieldset disabled>
<legend>個人資訊:</legend>
姓名: <input type="text"><br>
電子郵件: <input type="text"><br>
出生日期: <input type="text">
</fieldset>
自己動手試一試 »
Input 示例
帶有停用輸入欄位的 HTML 表單
<form action="/action_page.php">
名：<input type="text" name="fname"><br>
姓: <input type="text" name="lname" disabled><br>
<input type="submit" value="提交">
</form>
自己動手試一試 »
Optgroup 示例
停用的選項組
<select>
<optgroup label="德國汽車" disabled>
<option value="mercedes">賓士</option>
<option value="audi">奧迪</option>
</optgroup>
</select>
自己動手試一試 »
Option 示例
帶有單個停用選項的下拉列表
<select>
<option value="volvo" disabled>沃爾沃</option>
<option value="saab">Saab</option>
<option value="vw">大眾</option>
<option value="audi">Audi</option>
</select>
自己動手試一試 »
Select 示例
停用的下拉列表
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">賓士</option>
<option value="audi">Audi</option>
</select>
自己動手試一試 »
Textarea 示例
停用的文字區域
<textarea disabled>
在 w3schools.com，您將學習如何建立網站。我們提供所有 Web 開發技術的免費教程。
</textarea>
自己動手試一試 »
瀏覽器支援
disabled 屬性對每個元素的瀏覽器支援情況如下
| 元素 | |||||
|---|---|---|---|---|---|
| button | 是 | 是 | 是 | 是 | 是 |
| fieldset | 是 | 不支援 | 是 | 7.0 | 是 |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| optgroup | 1.0 | 8.0 | 是 | 是 | 是 |
| option | 1.0 | 8.0 | 1.0 | 是 | 是 |
| select | 是 | 是 | 是 | 是 | 是 |
| textarea | 是 | 是 | 是 | 是 | 是 |
