表單 HTML select 標籤
阿新 • • 發佈:2018-12-18
<select></select>
-
<select>
元素可建立單選或多選選單。當提交表單時,瀏覽器會提交選定的專案,或者收集用逗號分隔的多個選項,將其合成一個單獨的引數列表,並且在將<select>
表單資料提交給伺服器時包括 name 屬性。 -
<select>
元素是一種表單控制元件,可用於在表單中接受使用者的選擇結果。
屬性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 頁面載入後,自動獲取焦點 |
disabled | disabled | 只要有定義, 任何值都是禁用下拉列表 |
form | form_id | 確定下拉文字所屬的表單,該屬性的值必須是同一文件中的某個 元素的 id 屬性。 |
multiple | multiple | 只要有定義, 任何值都是實現同時選擇多個選項。windows:Ctrl ;Mac: command。 常與size 屬性配合,來定義可見選項的數目 |
size | number | 下拉列表中可見選項的數目 |
required | required | 規定必填,在提交表單前必須選擇一個值 |
name | name | 定義select 元素節點的名稱,用於對提交到伺服器後的表單資料進行標識,或者在客戶端通過 JavaScript 引用表單資料 |
//demo_1
<select disabled="disabled">
<option>一級</option>
<option selected="selected">耳機</option>
<option>三級</option>
<option>司機</option>
</select>
//demo_2
<select style="font-family: STkaiti;" autofocus="autofocus"
multiple="" size="3" required="required" form="form_sub">
<option>一級</option>
<option>耳機</option>
<option>三級</option>
<option>司機</option>
</select>
<form action="chart.html" id="form_sub">
<input type="submit" />
</form>