<選擇>


HTML <select> 標籤

#實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

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

執行實例»

點擊"運行實例" 按鈕查看線上實例


瀏覽器支援

1000.png

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


標籤定義及使用說明

<select> 元素用來建立下拉清單。

<select> 元素中的 <option> 標籤定義了清單中的可用選項。


提示與註解

提示:<select> 元素是一種表單控制項,可用於在表單中接受使用者輸入。


HTML 4.01 與 HTML5之間的差異

HTML5 增加了一些新的屬性。


屬性

New :HTML5 中的新屬性。

屬性描述
autofocusNew autofocus規定在頁面載入時下拉清單自動獲得焦點。
disableddisabled當此屬性為 true 時,會停用下拉清單。
formNewform_id 定義 select 欄位所屬的一個或多個表單。
multiplemultiple#當該屬性為 true 時,可選擇多個選項。
namename#定義下拉清單的名稱。
requiredNewrequired規定使用者在提交表單前必須選擇一個下拉清單中的選項。
sizenumber#規定下拉清單中可見選項的數量。


全域屬性

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


事件屬性

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


相關文章

HTML DOM 參考手冊: Select 物件