HTML5 <select> 標(biāo)簽

2022-05-23 15:04 更新

實(shí)例

HTML5 <select>標(biāo)簽用于實(shí)現(xiàn)下拉列表。請(qǐng)參考下面的示例:

創(chuàng)建帶有 4 個(gè)選項(xiàng)的選擇列表:

<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <select> 標(biāo)簽。


標(biāo)簽定義及使用說明

<select> 元素用來創(chuàng)建下拉列表。

<select> 元素中的 <option> 標(biāo)簽定義了列表中的可用選項(xiàng)。


提示和注釋

提示:<select> 元素是一種表單控件,可用于在表單中接受用戶輸入。


HTML 4.01 與 HTML5之間的差異

HTML5 增加了一些新的屬性。


屬性

New :HTML5 中的新屬性。

屬性 描述
autofocusNew autofocus 規(guī)定在頁面加載時(shí)下拉列表自動(dòng)獲得焦點(diǎn)。
disabled disabled 當(dāng)該屬性為 true 時(shí),會(huì)禁用下拉列表。
formNew form_id 定義 select 字段所屬的一個(gè)或多個(gè)表單。
multiple multiple 當(dāng)該屬性為 true 時(shí),可選擇多個(gè)選項(xiàng)。
name name 定義下拉列表的名稱。
requiredNew required 規(guī)定用戶在提交表單前必須選擇一個(gè)下拉列表中的選項(xiàng)。
size number 規(guī)定下拉列表中可見選項(xiàng)的數(shù)目。


全局屬性

<select> 標(biāo)簽支持 HTML 的全局屬性。


事件屬性

<select> 標(biāo)簽支持 HTML 的事件屬性。


相關(guān)文章

HTML DOM 參考手冊(cè): Select 對(duì)象

HTML 參考手冊(cè):超詳細(xì)的HTML <select> 標(biāo)簽用法及技巧介紹

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)