HTML5 select标签

作者: 漆家洲 分类: HTML5 发布时间: 2015-06-09 17:54

定义和用法

<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

事件属性

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

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!