1. <option>標簽應用瀏覽器

所有瀏覽器都支持 <option> 標簽。

2. 定義和用法

option 元素定義下拉列表中的一個選項（一個條目）。瀏覽器將 <option> 標簽中的內容作為 <select> 標簽的菜單或是滾動列表中的一個元素顯示。

option 元素位于 select 元素內部。

<option> 標簽可以在不帶有任何屬性的情況下使用，但是您通常需要使用 value 屬性，此屬性會指示出被送往服務器的內容。

此標簽一定要與select 元素配合使用，否則這個標簽是沒有意義的。

如果列表選項很多，可以使用 <optgroup> 標簽對相關選項進行組合。

3. HTML 與 XHTML 之間的差異

在 HTML 中，<option> 沒有結束標簽。

在 XHTML 中，<option> 必須被正確關閉。

4. 可選的屬性

<option> 標簽支持 HTML 中的一些可以選擇的屬性。

屬性 值 描述

disabled disabled 規定某個選項應該被禁用。被禁用的選項既不可用， 也不可點擊

label text 規定更短版本的選項。下拉列表中會顯示出所規定的更短版本。

selected selected 規定選項（在首次顯示在列表中時）表現為選中狀態。

value text 定義送往服務器的選項值。

Disabled

可以設置 disabled 屬性，直到滿足某些條件（比如選擇一個復選框），才恢復用戶對該選項的使用。然后，可以使用 JavaScript 來清除 disabled 屬性，以使選項變為可用狀態。

<select><option>Volvo</option><option>Saab</option><option disabled="disabled">Opel</option><option>Audi</option> </select>

4 個選項的下拉列表中Opel已被禁用

Label

定義當使用 <optgroup> 時所使用的標注。

<select><option label="Volvo">Volvo (Latin for "I roll")</option><option label="Saab">Saab (Swedish Aeroplane AB)</option> </select>

Selected

規定在頁面加載時預先選定該選項。被預選的選項會顯示在下拉列表最前面的位置。也可以在頁面加載后通過 JavaScript 設置 selected 屬性。

<select><option>Volvo</option><option selected="selected">Saab</option><option>Mercedes</option><option>Audi</option> </select>

Value

<option> 與 <option/> 之間的值是瀏覽器顯示在下拉列表中的內容，而 value 屬性中的值是表單被提交時被發送到服務器的值。如果沒有指定 value 屬性，選項的值將設置為 <option> 標簽中的內容。

5. 全局屬性

<option> 標簽支持 HTML 中的全局屬性。

6. 事件屬性

<option> 標簽支持 HTML 中的事件屬性。

Window事件，keyboard事件，media事件，mouse事件，form事件

7. Start tag (<option>) not closed properly, expected '>'報錯

一定要注意<option>標簽的正確關閉

<option value="是">是</option>

<option value="否">否</option>

2020.5

總結

以上是生活随笔為你收集整理的设置input标签禁用_HTML option 标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。