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 | 是 | 是 | 是 | 是 | 是 |