html下拉菜单用和实现，为容器，必须嵌套其中，默认显示首个选项；可加selected设默认项、disabled+selected作提示项；multiple支持多选，size控制行数；name必设，label关联id提升可用性。
HTML下拉选择标签用 和 配合实现，不需要额外JavaScript就能创建基础下拉菜单。
基本结构：select + option
下拉菜单由 <select></select> 元素包裹多个 <option></option> 选项组成。每个 <option></option> 代表一个可选条目：
-
<select></select>是容器，用户点击后展开选项列表 -
<option></option>必须嵌套在<select></select>内，不能单独存在 - 默认显示第一个
<option></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></select> 加上 <label></label> 可提升点击区域和无障碍访问：
- 使用
for属性绑定id：<label for="country">国家</label><select id="country">...</select> - 或直接把
<select></select>套在<label></label>里，更简洁
不复杂但容易忽略细节，写对结构就能直接用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
