HTML optgroup标记 HTMLoptgroup标记|HTML5

本文概述

属性
支持的浏览器

HTML < optgroup> 标记用于在< select> 元素内的下拉列表中对相关的< options> 进行分组。
将< optgroup> 标记与< select> 一起使用可以更轻松地访问下拉列表, 尤其是当列表具有大量选项时。
句法

< optgroup label=" "> ........< /optgroup>

以下是有关HTML < optgroup> 标记的一些规范

Display	Inline
开始日期/结束日期	开始和结束标签
Usage	表格和输入

例

< !DOCTYPE html> < html> < head> < title> Optgroup Tag< /title> < style> body{text-align: center; }select{font-size:20px; font-weight:bold; color:green; } < /style> < /head> < body> < h2> Example of optgroup tag< /h2> < label> Select your favourite brand< /label> < br> < select> < optgroup label="Laptop Maufacturur"> < option value="http://www.srcmini.com/dell"> Dell< /option> < option value="http://www.srcmini.com/hp"> HP< /option> < option value="http://www.srcmini.com/lenovo"> Lenovo< /option> < option value="http://www.srcmini.com/acer"> Acer< /option> < /optgroup> < optgroup label="Mobile Manufacturer"> < option value="http://www.srcmini.com/apple"> Apple< /option> < option value="http://www.srcmini.com/nokia"> Nokia< /option> < option value="http://www.srcmini.com/samsung"> Samsung< /option> < option value="http://www.srcmini.com/coolpad"> Coolpad< /option> < /optgroup> < /select> < /body> < /html>

立即测试
【HTML optgroup标记】输出：

文章图片
属性特定于标签的属性：

属性	值	描述
disabled	disabled	如果已设置, 则该optgroup的选项将被禁用。
label	text	它定义了将在下拉列表中显示的组的标签。它是必填属性。