HTML - 更改选择标签的最大行数

Question

那么我该如何更改一个启用了多个的选择标签应该显示多少行：

 <select multiple="multiple">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

这只会显示前四个选项如何显示第五个选项而无需滚动？

原文由 Mich‘ 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 CSS 指定确切的高度，但由于选择的不同呈现方式，这可能不会在所有浏览器中呈现完全相同的高度：

 <select multiple="multiple" style="height: 24pt">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

小提琴：http: //jsfiddle.net/24Myw/

原文由 darwin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 size 属性：

 <select size="5" multiple name="whatever">

参考：

• <select> 元素。

原文由 David Thomas 发布，翻译遵循 CC BY-SA 3.0 许可协议