標簽定義及使用說明
<select> 元素用來創建下拉列表。
<select> 元素中的 <option> 標簽定義了列表中的可用選項。
提示：<select> 元素是一種表單控件，可用於在表單中接受用戶輸入。
舉例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>select標簽</title>
</head>
<body>
<form>
請選擇學習科目：
<select name="科目">
<option> --請選擇-- </option>
<option> Python </option>
<option> Java </option>
<option> Hadoop </option>
<option> Spark </option>
<option> Linux </option>
<option> NoSQL </option>
</select>
<input type="submit" value="提交">
</form>
</body>
</html>
Google瀏覽器中操作：
select標簽中的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| autofocus | autofocus | 規定在頁面加載時下拉列表自動獲得焦點。 |
| disabled | disabled | 當該屬性為 true 時，會禁用下拉列表。 |
| form | form_id | 定義 select 字段所屬的一個或多個表單。 |
| multiple | multiple | 當該屬性為 true 時，可選擇多個選項。 |
| name | name | 定義下拉列表的名稱。 |
| required | required | 規定用戶在提交表單前必須選擇一個下拉列表中的選項。 |
| size | number | 規定下拉列表中可見選項的數目。 |
option標簽
<option> 標簽定義下拉列表中的一個選項（一個條目）。
<option> 標簽中的內容作為 <select> 或者<datalist> 一個元素使用。
屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| disabled | disabled | 規定此選項應在首次加載時被禁用。 |
| label | text | 定義當使用 |
| selected | selected | 規定選項（在首次顯示在列表中時）表現為選中狀態。 |
| value | text | 定義送往服務器的選項值。 |
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>option標簽</title>
</head>
<body>
<form>
請選擇學習科目：
<select name="科目">
<option value=""> --請選擇-- </option>
<option value="Python"> Python </option>
<option value="Java"> Java </option>
<option value="Hadoop"> Hadoop </option>
<option value="Spark"> Spark </option>
<option value="Linux"> Linux </option>
<option value="NoSQL"> NoSQL </option>
</select>
<input type="submit" value="提交">
</form>
</body>
</html>