资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

html中optgroup标签怎么用-创新互联

小编给大家分享一下html中optgroup标签怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联公司于2013年开始,是专业互联网技术服务公司,拥有项目网站设计、网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元淮阳做网站,已为上家服务,为淮阳各地企业和个人服务,联系电话:13518219792

html optgroup标签的定义和用法:

标签定义选项组。

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

HTML 标签实例:

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

html optgroup标签必需的属性:

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

html optgroup标签可选的属性:

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

HTML 标签的 disabled 属性

optgroup标签的disabled属性定义:

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

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

optgroup标签的disabled属性实例

一个禁用的选项组:

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

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

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

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

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

  
  
      
        optgroup  
          
          
          
      
      
          
      

浏览器支持

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

全局属性

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

事件属性

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

以上是html中optgroup标签怎么用的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联网站制作公司行业资讯频道!


本文题目:html中optgroup标签怎么用-创新互联
标题网址:http://cdkjz.cn/article/hchgs.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220