选择菜单

<select> 元素生成一个下拉菜单，用户可以从中选择一个选项。

<select name="">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
</select>

改变大小

你可以使用 size 属性更改选择菜单的大小。大小为 0 或 1 显示标准下拉样式菜单。大于 1 的大小会将下拉列表转换为显示多行的框，每行一个选项和滚动条以滚动可用选项。

<select name="" size="4"></select>

多选项选择菜单

默认情况下，用户只能选择一个选项。添加 multiple 属性允许用户一次选择多个选项，并使用表单提交所有选定的选项。使用 multiple 属性会自动将下拉菜单转换为一个框，就像它定义了一个大小一样。发生这种情况时的默认大小取决于你使用的特定浏览器，并且在允许多个选择时无法将其更改回下拉样式菜单。

<select name="" multiple></select>

使用 multiple 属性时，对于大小使用 0 和 1 之间存在差异，而不使用属性时不存在差异。使用 0 将导致浏览器以其编程的默认方式运行。使用 1 将显式将结果框的大小设置为仅高一行。