扩展 Select & 选项标签

Question

我想要 select & 选项的扩展版本，它应该看起来像这样：

HTML/CSS 标签 and/or 选项是什么？

Answer 1

<optgroup> 元素组选项。 multiple 属性使 select 标签保持展开状态。然后可以将其样式设置为您想要的尺寸。

例如

   <select multiple="multiple" style="width:200px;height:300px">
      <optgroup label="Fish">
          <option value="Cod">Cod</option>
        <option value="Halibut">Halibut</option>
      </optgroup>
      <optgroup label="Cars">
        <option value="Mini">Mini</option>
        <option value="BMW">BMW</option>
      </optgroup>
    </select>

Jsfiddle here.

扩展 Select & 选项标签

Expanded Select & Option tag

html

css

select

option