HTML - 更改select标签上的最大行数

Question

那么我该如何更改应该显示多个启用的select标记的行数:

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

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

Answer 1

使用size属性:

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

参考文献:

• <select>元素.

Answer 2

您可以使用CSS指定确切的高度,但由于select的渲染不同,这可能无法在所有浏览器中呈现完全相同:

<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/