説明

disabled是input相關屬性，可以讓input的內容無法編輯、修改。

• 若text input裡面有文字（value內容），則使用者無法修改
• 若radio button / checkbox預設為勾選，則使用者無法取消勾選
• 若radio button / checkbox預設為不勾選，則使用者無法勾選他

範例

text

<input type="text" value="fixed text" disabled />

radio button

<input name="rd-dis" type="radio"checked disabled/>
<label>radio one</label>
<input name="rd-dis" type="radio" disabled/>
<label>radio two</label>

radio one

radio two

checkbox

<input type="checkbox" checked disabled/>
<label>checkbox one</label>
<input type="checkbox" disabled/>
<label>checkbox two</label>

checkbox one

checkbox two

select

<select disabled>
 <option>apple</option>
 <option>orange</option>
 <option>banana</option>
</select>

 
appleorangebanana