最后更新：2026-09-12
<select>下拉列表标签
下拉选择框，让用户从一组预设选项中选择一个或多个值，常与 form 表单一起提交。
| 分类 | 表单 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </select> 标签 |
| 状态 | 标准 |
📝 语法
<select name="fruit">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
</select>⚙️ 属性
该元素支持全局属性及以下专有属性：
| 属性 | 值 | 描述 |
|---|---|---|
name | 提交到服务器的字段名。 | |
multiple | 允许同时选择多个选项。 | |
required | 提交前必须选择一个选项。 | |
disabled | 禁用整个下拉框。 | |
size | 可见选项的行数（设为大于 1 时变为列表框）。 | |
autofocus | 页面加载时自动获得焦点。 | |
form | 关联的 form id（可放在表单外）。 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <select> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 需要多选时加 multiple；要可输入时改用 input + datalist 组合。
🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
