HTML5 option标签

作者: 漆家洲 分类: HTML5 发布时间: 2015-06-08 22:38 浏览次数:460

定义和用法

<option> 标签定义下拉列表中的一个选项。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中,<option> 标签也用于新元素 <datalist> 中。

提示和注释

注释:<option> 标签能够在不带任何属性的情况下使用,但是通常需要 value 属性,该属性定义了发送到服务器的数据。

注释:请与 <select> 或 <datalist> 标签结合使用。在其他地方,<option> 标签是无意义的。

例子

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

属性

属性 描述 4 5
disabled disabled 规定此选项应在首次加载时被禁用。 4 5
label text 定义当使用 <optgroup> 时所使用的标注。 4 5
selected selected 规定选项(在首次显示在列表中时)表现为选中状态。 4 5
value text 定义送往服务器的选项值。 4 5

标准属性

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

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