科技知識動態:html中<option>標簽的詳解

導讀 跟大家講解下有關html中<option>標簽的詳解 ,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說html中<option>標簽的詳解 ,

跟大家講解下有關html中<option>標簽的詳解 ,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說html中<option>標簽的詳解 ,小編也收集到了有關html中<option>標簽的詳解 的相關資料,希望大家看到了會喜歡。

HTML <option>標簽

示例

一個擁有四個選項的選擇列表:

<select> <option>沃爾沃</option> <option>薩博</option> <option>奔馳</option> <option>奧迪</option></select>

定義及用法

<option>標簽用于定義選擇列表中的一項。

<option>必須放在<select>元素里。

瀏覽器支持

IE Firefox Chrome Safari Opera

有主流瀏覽器均支持<option>標簽。

HTML和XHTML之間的差異

在HTML中,<option>元素不需要結束標簽。

XHTML中,<option>標簽必須正確地結束。

提示和注意

提示:當選擇列表很長時,可以用<optgroup>標簽將相關選項集中起來,形成選項組。

可選屬性

DTD欄表明哪種文檔類型支持此屬性。S=Strict,T=Transitional,F=Frameset。

1695.png

【lable屬性在部分瀏覽器中不被支持,比如firefox等】

【value屬性,在firefox瀏覽器提交表單的時候必須指定,即使不需要提交數據也應該為其指定value="",否則在JSP開發時會拋出異常】

核心屬性

<option>標簽支持以下核心屬性:

1696.png

事件屬性

<option>標簽支持以下事件屬性:

1697.png

示例

在<option>元素中使用label屬性:

<select> <option label="Volvo">沃爾沃(拉丁語“向前滾”的意思)</option> <option label="Saab">薩博(“瑞典飛機有限公司”的意思)</option></select>

定義及用法

<option>標簽的label屬性用于定義一個選項的簡短描述。

該簡短描述將顯示在下拉列表中。

只有IE 7及以上版本才支持<option>標簽的label屬性。

語法

<option label="value">

以上就是html中<option>標簽的詳解 的詳細內容,更多請關注php中文網其它相關文章!

來源:php中文網

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!