以下是一个简单的 <select> 元素与 <optgroup> 的例子：
<select>
<optgroup label="水果">
<option value="apple">苹果</option>
<option value="orange">橙子</option>
<option value="banana">香蕉</option>
</optgroup>
<optgroup label="蔬菜">
<option value="carrot">胡萝卜</option>
<option value="broccoli">西兰花</option>
<option value="tomato">西红柿</option>
</optgroup>
</select>
在这个例子中，有两个 <optgroup>，分别包含了相关的水果和蔬菜选项。每个 <optgroup> 都有一个 label 属性，用于提供该组选项的标签。
这样的使用可以使用户更容易找到并选择他们想要的选项，特别是当选项较多或有一定的分类时。这种组织方式使得选择框更具可读性和清晰性。
转载请注明出处：http://www.zyzy.cn/article/detail/3882/HTML