每天学习HTML标签之optgroup

iteye_10933

于 2008-12-26 18:28:38 发布

阅读量176

点赞数

分类专栏： JS&HTML 文章标签： HTML QQ

JS&HTML 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

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

一直在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>