選擇選單

<select> 元素生成一個下拉選單,使用者可以從中選擇一個選項。

<select name="">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
</select>

改變大小

你可以使用 size 屬性更改選擇選單的大小。大小為 0 或 1 顯示標準下拉樣式選單。大於 1 的大小會將下拉選單轉換為顯示多行的框,每行一個選項和滾動條以滾動可用選項。

<select name="" size="4"></select>

多選項選擇選單

預設情況下,使用者只能選擇一個選項。新增 multiple 屬性允許使用者一次選擇多個選項,並使用表單提交所有選定的選項。使用 multiple 屬性會自動將下拉選單轉換為一個框,就像它定義了一個大小一樣。發生這種情況時的預設大小取決於你使用的特定瀏覽器,並且在允許多個選擇時無法將其更改回下拉樣式選單。

<select name="" multiple></select>

使用 multiple 屬性時,對於大小使用 0 和 1 之間存在差異,而不使用屬性時不存在差異。使用 0 將導致瀏覽器以其程式設計的預設方式執行。使用 1 將顯式將結果框的大小設定為僅高一行。