HTML | DOM Select size 属性介绍

HTML | DOM Select size 属性指定一个下拉选择菜单（select）中可见选项的数量。

语法

下面是 select 元素的 size 属性的语法：

<select size="number">

属性值

属性值是数字，指定下拉菜单中可见选项的数量。

示例

<select size="3">
  <option>可见选项1</option>
  <option>可见选项2</option>
  <option>可见选项3</option>
  <option>不可见选项1</option>
  <option>不可见选项2</option>
  <option>不可见选项3</option>
</select>

上面示例中，size="3" 意味着该下拉菜单中只有三个选项可见，访问页面后只会看到可见选项1，可见选项2，可见选项3。

注意事项

• size 属性仅影响下拉菜单的行为，而不会对其他类型的表单元素产生任何影响。

• 当下拉菜单中的选项数量大于指定的 size 值时，会为菜单添加滚动条。

• 如果 size 的值小于 2，则下拉菜单将被自动调整为至少显示 2 个选项。

• 在某些浏览器中，该属性可能被忽略。

结论

使用 HTML | DOM Select size 属性可以控制下拉菜单中可见选项的数量，从而提高表单的可用性。但是需要注意该属性并非是浏览器通用属性，在某些浏览器中可能产生异常表现。