html下拉菜单用标签实现，单选为默认行为，多选需添加multiple属性；均通过嵌套定义选项，可设name、id、selected、disabled等属性，并建议用提升可访问性。
HTML 中下拉菜单用 标签实现，单选是默认行为，多选需加 multiple 属性。两者都通过嵌套 标签来定义选项。
单选下拉菜单（默认）
不加额外属性就是单选：用户只能选中一个选项，且页面上只显示一个可见行。
- 用 包裹多个
- 可设 name（提交时字段名）和 id（方便 JS 或 label 关联）
- 给某个 加 selected 属性，让它默认被选中
示例：
<select name="city"><option value="">-- 请选择城市 --</option> <option value="bj">北京</option> <option value="sh" selected>上海</option> <option value="gz">广州</option></select>
多选下拉菜单
添加 multiple 属性后，用户按住 Ctrl（Windows）或 Command（Mac）可选多个；部分浏览器也支持点击拖选或 Shift 连选。
- 必须加 multiple 属性（写成
multiple或multiple="multiple"都行） - 建议同时设 size 属性（如
size="4"），让下拉框默认显示 4 行，否则可能只看到一行带滚动条 - 表单提交时，同名的多个选中值会以数组形式发送（后端需按多值字段接收）
示例：
<select name="hobbies" multiple size="4"><option value="reading">阅读</option> <option value="swimming">游泳</option> <option value="coding" selected>编程</option> <option value="traveling">旅行</option></select>
辅助优化：用
给 select 加 id，并用 label 的 for 属性关联，点击文字也能聚焦下拉框。
<label for="country">国家：</label> <select id="country" name="country"><option value="cn">中国</option> <option value="us">美国</option></select>
注意几个常见细节
- 的 value 值用于提交，显示文字写在开始与结束标签之间
- 禁用某选项加 disabled，禁用整个下拉框加 disabled 到
- 移动端上，multiple 下拉菜单体验较差，常被建议改用复选框组替代
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
