參考手冊

HTML <select> 標籤

實例

建立帶有 4 個選項的選擇列表：

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

瀏覽器支援

IE Firefox Chrome Safari Opera

所有主流瀏覽器都支援 <select> 標籤。

定義和用法

select 元素可建立單選或多選菜單。

<select&> 元素中的 <option> 標籤用於定義列表中的可用選項。

HTML 4.01 與 HTML 5 之間的差異

HTML5 新增了一些新屬性。

提示和註釋：

提示：select 元素是一種表單控制元件，可用於在表單中接受會員輸入。

屬性

New: HTML5 中的新屬性。

屬性 值 描述
autofocus autofocus 規定在頁面載入後文本區域自動獲得焦點。
disabled disabled 規定禁用該下拉選單。
form form_id 規定文字區域所屬的一個或多個表單。
multiple multiple 規定可選擇多個選項。
name name 規定下拉選單的名稱。
required required 規定文字區域是必填的。
size number 規定下拉選單中可見選項的數目。

全域性屬性

<select> 標籤支援 HTML 中的全域性屬性。

事件屬性

<select> 標籤支援 HTML 中的事件屬性。

親自試一試 - 更多實例

簡單的下拉選單
本例演示如何在HTML頁面中建立簡單的下拉選單框。下拉選單框是一個可選列表。
另一個下拉選單
本例演示如何建立一個簡單的帶有預選值的下拉選單。（譯者註：預選值指預先指定的首選項。）

相關頁面

HTML DOM 參考手冊：Select 對像