非常教程

HTML参考手册

标签 | Elements

optgroup

在一个web表单中, HTML元素 <optgroup> 会创建包含在一个 <select> 元素中的一组选项

内容类别

没有。

允许的内容

零个或多个<option>元素。

标记遗漏

开始标记是强制​​性的。如果此元素之后紧跟着另一个<optgroup>元素,或者父元素没有更多内容,则结束标记是可选的。

允许父级

一个<select>元素。

允许ARIA角色

没有

DOM界面

HTMLOptGroupElement

注意: Optgroup元素可能不是嵌套的。

属性

这个元素包含全局属性。

disabled如果设置了这个布尔值,那么这个选项组中将没有选项是可以被选择的。通常浏览器会置灰这样的控件,它不会再接受任何浏览器事件,例如鼠标点击或者焦点相关的事件。

label选项组的名字,当在用户界面标记(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>

结果

规范

Specification

Status

Comment

HTML Living StandardThe definition of '<optgroup>' in that specification.

Living Standard

HTML5The definition of '<optgroup>' in that specification.

Recommendation

HTML 4.01 SpecificationThe definition of '<optgroup>' in that specification.

Recommendation

浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

(Yes)

(Yes)

(Yes)

No

(Yes)

(Yes)

disabled

(Yes)

(Yes)

(Yes)

No

(Yes)

(Yes)

label

(Yes)

(Yes)

(Yes)

No

(Yes)

(Yes)

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

(Yes)

(Yes)

(Yes)

(Yes)

No

?

(Yes)

disabled

(Yes)

(Yes)

(Yes)

(Yes)

No

?

(Yes)

label

(Yes)

(Yes)

(Yes)

(Yes)

No

?

(Yes)

HTML

超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。