百科狗-知识改变命运!
--

- 菜单选项 - html5 表单

百变鹏仔1年前 (2023-11-21)阅读数 22#技术干货
文章标签属性

在web表单中,HTML元素用于定义在, 或元素中包含的项。可以在弹出窗口和 html 文档中的其他项目列表中表示菜单项。

浏览器支持

大多数主流浏览器支持标签。

示例

 volvo
  saab
  opel
  audi 
volvosaabopelaudi

标签定义及使用说明

  • 标签定义下拉列表中的一个选项(一个条目)。标签中的内容作为或者一个元素使用。
  • 如果列表选项很多,可以使用标签对相关选项进行组合。
  • 或者标签结合使用。否则这个标签是没有意义的。
  • 标签可以在不带有任何属性的情况下使用,但是您通常需要使用value属性,此属性会指示出被送往服务器的内容。
内容分类
允许的内容带有最终转义字符(例如é)的文本
标签省略开始标记是必需的。如果此元素紧接着是另一个元素或,或者父元素没有其他内容,则结束标记是可选的。
允许的父元素元素
DOM接口HTMLOptionElement

属性

此元素包括全局属性。

  • disabled如果设置了这个布尔属性,选项就不是可选的。浏览器通常会将这种控件显示为灰色,并且不再接受任何浏览器事件,例如鼠标点击或者焦点相关的事件。如果这个属性没有设置,如果元素的祖先是禁用的元素,元素仍然是禁用的。
  • label这个属性是用于表示选项含义的文本。如果label属性没有定义,它的值就是元素文本内容。使用注解:label属性为包含短的标签而设计,通常用在层级菜单中。value属性描述了更长的标签,为用在单选按钮附近而设计。
  • selected如果存在,则这个布尔属性表明,这个选项初始被选中。如果元素是元素的后继,并且它的multiple属性没有设置,这个元素只有一个元素可以拥有selected属性。
  • value这个属性的内容代表这个选项选中的话,提交给表单的值。如果省略了这个属性,值就从选项元素的文本内容中获取。

属性

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

HTML 4.01 与 HTML 5 之间的差异

 - 菜单选项 - html5 表单

在 HTML 5 中,标签也用于新元素中。

全局属性

标签支持全局属性,查看完整属性表HTML全局属性。

事件属性

标签支持所有HTML事件属性。

实例

创建带有 4 个选项的选择列表:

volvo
	saab
	opel
	audi 

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)