效果
粗体、斜体字是分类的名称,是不可选的。是利用 optgroup 实现的,其属性 label 就是要显示的文字。optgroup 下再放 option。
optgroup 只支持一级,所以嵌套 optgroup 的效果跟没嵌套是一样的。但 W3C 之前曾建议浏览器厂商作好准备,说不定哪天就要支持嵌套了。
代码
<select size="1" name="category">
<optgroup label="面食">
<option value="牛肉面">牛肉面</option>
<option value="炸酱面">炸酱面</option>
</optgroup>
<optgroup label="小炒">
<option value="鱼香肉丝">鱼香肉丝</option>
<option value="回锅肉">回锅肉</option>
<option value="宫保鸡丁">宫保鸡丁</option>
</optgroup>
</select>