首页 前端知识 HTML5 <option> 标签

HTML5 <option> 标签

2024-05-19 09:05:51 前端知识 前端哥 973 379 我要收藏

定义和用法

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

属性

属性描述45
disableddisabled规定此选项应在首次加载时被禁用。45
labeltext定义当使用 <optgroup> 时所使用的标注。45
selectedselected规定选项(在首次显示在列表中时)表现为选中状态。45
valuetext定义送往服务器的选项值。45

标准属性

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

HTML5 <option> 标签

2022-05-23 15:00 更新

定义和用法

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

属性

属性描述45
disableddisabled规定此选项应在首次加载时被禁用。45
labeltext定义当使用 <optgroup> 时所使用的标注。45
selectedselected规定选项(在首次显示在列表中时)表现为选中状态。45
valuetext定义送往服务器的选项值。45

标准属性

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
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8917.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!