1. 程式人生 > >表單 HTML select 標籤

表單 HTML select 標籤

<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>