html5利用optgroup标签定义选项组

时间:2026-02-14 11:58:37

1、我们新建一个html5网页文件,把他命名为test.html,接下来我们用test.html文件来讲解html5利用optgroup标签定义选项组。

html5利用optgroup标签定义选项组

2、在test.html文件内,需要创建一行文字,内容为“html5利用optgroup标签定义选项组”

html5利用optgroup标签定义选项组

3、在test.html文件内,我们需要写下以下代码。

<select>

  <optgroup label="汽车组">

    <option value ="小型汽车">小型汽车</option>

    <option value ="SUV汽车">SUV汽车</option>

  </optgroup>

  <optgroup label="火车组">

    <option value ="城轨">城轨</option>

    <option value ="动车">动车</option>

    <option value ="高铁">高铁</option>

  </optgroup>

</select>

html5利用optgroup标签定义选项组

4、在浏览器浏览一下test.html,来看看效果能否实现。

html5利用optgroup标签定义选项组

© 2026 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com