創建帶有 4 個選項的選擇列表:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
所有主流瀏覽器都支持 <select> 標簽。
<select> 元素用來創建下拉列表。
<select> 元素中的 <option> 標簽定義了列表中的可用選項。
提示:<select> 元素是一種表單控件,可用于在表單中接受用戶輸入。
HTML5 增加了一些新的屬性。
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
autofocusNew | autofocus | 規定在頁面加載時下拉列表自動獲得焦點。 |
disabled | disabled | 當該屬性為 true 時,會禁用下拉列表。 |
formNew | form_id | 定義 select 字段所屬的一個或多個表單。 |
multiple | multiple | 當該屬性為 true 時,可選擇多個選項。 |
name | name | 定義下拉列表的名稱。 |
requiredNew | required | 規定用戶在提交表單前必須選擇一個下拉列表中的選項。 |
size | number | 規定下拉列表中可見選項的數目。 |
<select> 標簽支持 HTML 的全局屬性。
<select> 標簽支持 HTML 的事件屬性。
HTML DOM 參考手冊: Select 對象