HTML不常用元素:optgroup

在网页表单中,<optgroup>元素用于在<select>元素中创建一组选项<option>。这个可以更好的区分每一个组选项之间的区别。

这个元素包含两个属性:disabledlabel

disabled:表示选项组无法被选择

label:表示选项组的名字

代码演示:

<select>
  <optgroup label="Group 1">
    <option>Option 1.1</option>
  </optgroup> 
  <optgroup label="Group 2">
    <option>Option 2.1</option>
    <option>Option 2.2</option>
  </optgroup>
  <optgroup label="Group 3" disabled>
    <option>Option 3.1</option>
    <option>Option 3.2</option>
    <option>Option 3.3</option>
  </optgroup>
</select>

结果:

浏览器兼容:

兼容IE、Firefox、Chrome,全兼容。

「五年博客,如果觉得我的文章对您有用,请帮助本站成长」

订阅周报 关注微博

原创文章:HTML不常用元素:optgroup ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/optgroup.html)

发表评论

请登录后发表评论:

“HTML不常用元素:optgroup”有2个评论

  1. 爱转角

    我是前端爱好者 向博主学习了

    登录回复