扩展的选择和选项标签

Question

我想要select和option的扩展版本,它应该看起来像这样:

http://puu.sh/gdUgk/8ca472b629.png

什么是HTML/CSS标签和/或选项？

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 在这里.