每天学习HTML标签之optgroup

xiaoxiao2021-03-01  5

郁闷啊。想了好久才想起来这个标签。

 

一直在select标签下面只加option标签。可是有没有遇到过这种情况呢?

 

下拉列表框里的东西是分类的?比如说水果下拉框。里面要有南方产的,还要有北方产的。

 

下面是对应的水果。

 

那么这就需要我们用到optgroup标签了。

 

HTML <optgroup> 标签

定义和用法

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

<html> <head> <title>optgroup</title> </head> <body> 文字说明: <select> <optgroup label="大众"> <option value ="伤害大众">伤害大众(我故意这么写的) </option> <option value ="德国大众">德国大众(VW)</option> </optgroup> <optgroup label="QQ"> <option value ="马化腾">马化腾</option> <option value ="吉瑞">吉瑞比QQ号贵,没好QQ号贵</option> </optgroup> </select> </body> </html>  

转载请注明原文地址: https://www.6miu.com/read-3850153.html

最新回复(0)