html <optgroup> 标签的 label 属性,html optgroup标签是什么意思?关于html optgroup标签的用法和属性实例解析...

html optgroup标签是什么意思?关于html optgroup标签的用法和属性实例解析都在这篇文章中,为大家介绍了html optgroup标签的定义和属性实例,还有html optgroup标签的使用方法

html optgroup标签的定义和用法:

标签定义选项组。

optgroup 元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。

HTML 标签实例:

通过 标签把相关的选项组合在一起:

Volvo

Saab

Mercedes

Audi

html optgroup标签必需的属性:

label : text: 为选项组规定描述。(如上实例)

html optgroup标签可选的属性:

disabled : disabled: 规定禁用该选项组。

HTML 标签的 disabled 属性

optgroup标签的disabled属性定义:

disabled 属性规定禁用该选项组。被禁用的选项组既不可用,也不可点击。

可以设置 disabled 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该选项组的使用。然后,可以使用 JavaScript 来清除 disabled 属性,以使选项组变为可用状态。

optgroup标签的disabled属性实例

一个禁用的选项组:

Mercedes

Audi

html中optgroup标签用法,分组、只读的且呈树状样式显示:

在html的select标签中除了了option标签外,还有一个标签就是optgroup 。它能帮我们做什么咧?

从名称我们就已经领会到接分意思:它是一个option的组,就像checkboxgroup、radiogurop一样,是分组用的;

看看下面一段代码,在浏览器中打开你可以看到一个下拉菜单。但是当你选择java或.Net的时候,是不能选择的。

而且样式和option标签的样式也不同,字体加粗了。且下拉菜单呈树状的样式显示。

optgroup

jsp Servlet

javaEE

aspx

C#

浏览器支持

所有主流浏览器都支持 标签。

全局属性

标签支持 HTML 中的全局属性。

事件属性

标签支持 HTML 中的事件属性。

【相关推荐】

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值