Skip to content

下拉選單 <select>

常見的下拉選單功能,讓使用者進行單一選取或多項選取。

  • <select>: 包覆各項選單的容器,不得單獨存在,必須與 <option><optgroup> 一起使用。
  • <option>: 選單中的選項內容。
  • <optgroup>: 可為選項內容進行不同的分組。

<select> 屬性

multiple

支援讓選項進行複選。

複選操作

配合 ctrl 鍵可進行單一多選,配合 shift 鍵可進行連續多選。

size

指定選項顯示的行數。

disabled

指定功能為不啟用的狀態。

<option> 屬性

value

用於提交 API 或 Server 的資料。

disabled

指定選項為不啟用的狀態。

selected

指定預先選取的狀態。

<optgroup> 屬性

label

設定選項群組的名稱(必填)。

disabled

指定群組為不啟用的狀態。