HTML 5 <select> 標簽

定義和用法

<select> 標簽创建下拉列表。

HTML 4.01 与 HTML 5 之间的差异

HTML 5 有一些新的屬性,同时不再支持一些 HTML 4.01 的屬性。

提示和注釋:

提示:请在 form 元素中使用此標簽来接受用户的输入。

例子

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

屬性

屬性 描述 4 5
autofocus
  • true
  • false
在页面加载时使这个 select 字段获得焦点。   5
data url 供自動插入數據。   5
disabled
  • true
  • false
当该屬性为 true 时,会禁用该菜单。 4 5
form
  • true
  • false
定义 select 字段所属的一个或多个表单。   5
multiple
  • true
  • false
当该屬性为 true 时,规定可一次选定多个项目。 4 5
name unique_name 定義下拉列表的唯一標識符。 4 5
size number 定義菜單中可見項目的數目。不支持。 4  

标准屬性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

如需完整的描述,請訪問 HTML 5 中标准屬性

事件屬性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

如需完整的描述,請訪問 HTML 5 中事件屬性

TIY 实例

簡單的下拉列表
本例演示如何在 HTML 页面中创建簡單的下拉列表框。下拉列表框是一个可选列表。
另一個下拉列表
本例演示如何創建一個簡單的帶有預選值的下拉列表。(注:預選值指預先指定的首選項。)