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


本文摘自PHP中文网,作者寻∝梦,侵删。

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

html optgroup标签的定义和用法:

<optgroup> 标签定义选项组。

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

HTML <optgroup> 标签实例:

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

1

2

3

4

5

6

7

8

9

10

<select>

  <optgroup label="Swedish Cars">

    <option value ="volvo">Volvo</option>

    <option value ="saab">Saab</option>

  </optgroup>

  <optgroup label="German Cars">

    <option value ="mercedes">Mercedes</option>

    <option value ="audi">Audi</option>

  </optgroup>

</select>

html optgroup标签必需的属性:

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

html optgroup标签可选的属性:

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

HTML <optgroup> 标签的 disabled 属性

optgroup标签的disabled属性定义:

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

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

optgroup标签的disabled属性实例

一个禁用的选项组:


1

2

3

4

5

6

<select>

  <optgroup label="German Cars" disabled="disabled">

    <option value="mercedes">Mercedes</option>

    <option value="audi">Audi</option>

  </optgroup>

</select>

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

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

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

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

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

阅读剩余部分

相关阅读 >>

html的<caption> 标签

在一个html中h1标签能出现几次?h1标签和标题标签的差别是什么?

html link标签有什么作用?html link标签的定义及属性介绍

xhtml与html之间有什么区别?xhtml与html之间的异同分析

html和css给文字添加删除线的三种方法(图文)

html font标签是什么?<font>标签的属性的详细介绍

html之交互

vue中怎么对事件进行防抖和节流操作?

html中u标签什么意思

html文本框颜色怎么设置

更多相关阅读请进入《optgroup》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...