HTML下拉菜单用<select>和<option>实现，<select>为容器，<option>必须嵌套其中，默认显示首个选项；可加selected设默认项、disabled+selected作提示项；multiple支持多选，size控制行数；name必设，label关联id提升可用性。
HTML下拉选择标签用 <select> 和 <option> 配合实现，不需要额外JavaScript就能创建基础下拉菜单。
基本结构：select + option
下拉菜单由 <select> 元素包裹多个 <option> 选项组成。每个 <option> 代表一个可选条目：
-
<select>是容器，用户点击后展开选项列表 -
<option>必须嵌套在<select>内，不能单独存在 - 默认显示第一个
<option>的文本内容（除非加selected属性）
示例代码：
<select name="city"> <option value="bj">北京</option> <option value="sh">上海</option> <option value="gz">广州</option> </select>
设置默认选中和占位提示
让下拉框更友好，常用两个技巧：
立即学习“前端免费学习笔记（深入）”；
- 用
selected属性指定默认选中的项（如<option selected>上海</option>） - 加一个禁用的灰色提示项，比如
<option value="" disabled selected>请选择城市</option>，它不会被提交，仅作引导
多选与尺寸控制
默认单选，但可通过属性扩展功能：
- 添加
multiple属性支持按住 Ctrl（或 Cmd）多选，此时会显示为滚动列表而非弹出式下拉 - 用
size属性（如size="4"）强制显示固定行数，不依赖是否启用 multiple -
name属性必须设置，否则表单提交时该字段不会被发送
关联标签提升可用性
给 <select> 加上 <label> 可提升点击区域和无障碍访问：
- 使用
for属性绑定id：<label for="country">国家</label><select id="country">... - 或直接把
<select>套在<label>里，更简洁
不复杂但容易忽略细节，写对结构就能直接用。
