HTML下拉框用包裹实现，必含至少一个，name属性用于表单提交，selected设默认选中，disabled可禁用整体或单选项，multiple支持多选，仅作分组标题不可选。
HTML 下拉框怎么用 <select></select> 和 <option></option>
直接上手：一个可用的下拉框，核心就两样——<select></select> 容器和里面至少一个 <option></option>。没 <option></option> 就是空框，点开啥也没有。
常见错误现象：<select></select> 写了但页面不显示选项，大概率是漏了 <option></option> 或者写在了错误位置（比如放在 <select></select> 外面）。
-
<select></select>必须配<option></option>，不能只靠value属性“自动出选项” - 默认选中用
selected属性，不是default或checked - 如果想禁用整个下拉框，加
disabled；禁用单个选项，给<option></option>加disabled
示例：
<select name="city"> <option value="">请选择城市</option> <option value="bj">北京</option> <option value="sh" selected>上海</option> <option value="gz" disabled>广州（暂不可选）</option> </select>
为什么 name 属性不能丢，而 id 是可选的
表单提交时，后端靠 name 来识别字段。没有 name，这个 <select></select> 的值根本不会发出去——哪怕你选了、JS 能读到，HTTP 请求里照样没它。
立即学习“前端免费学习笔记（深入）”；
id 是为了 JS 或 CSS 定位用的，比如 document.getElementById("mySelect")，或者写 #mySelect { width: 200px; }。不提交、不操作、不样式，就可以不要 id。
- 多个下拉框用相同
name（如name="hobby"）+multiple属性，才能提交多选值 -
name值里别带空格或特殊符号，后端解析容易出错，推荐用下划线或短横线 - 如果用框架（如 Vue/React），
name可能被忽略，但原生表单提交逻辑仍依赖它
multiple 属性开启多选后，用户和后端都得适应新规则
加了 multiple，用户可以按 Ctrl（Windows）或 Cmd（Mac）点选多个，或者拖拽选择。但行为变化不止于此：
- 视觉上浏览器会自动改成滚动列表样式（高度变高），不再是单行下拉箭头
- 提交时，同名字段会变成数组（如
hobby=reading&hobby=coding），PHP 收到的是$_POST["hobby"]数组，Python Flask 是request.form.getlist("hobby") - JS 获取值要用
selectElement.selectedOptions或遍历options判断selected，不能只取value - 移动端多选体验差，很多手机浏览器不支持 Ctrl/Cmd，建议慎用，优先考虑 checkbox 组合
用 <optgroup></optgroup> 分组时，别指望它能被选中或提交
<optgroup label="分组名"></optgroup> 只是视觉分隔，本身不是选项，也不能设 value 或 selected。点它没反应，提交也带不出任何值。
常见错误现象：把 <optgroup></optgroup> 当成可选项，结果 JS 读不到值，或者用户以为点了“全部”就全选了。
- 分组内每个
<option></option>仍需独立设置value和内容 -
label不支持 HTML，纯文本；中文引号、括号都没问题，但 - 不支持嵌套
<optgroup></optgroup>，二级分组得靠命名约定（如 “前端 / JavaScript”）
示例：
<select name="lang">
<optgroup label="前端">
<option value="js">JavaScript</option>
<option value="ts">TypeScript</option>
</optgroup>
<optgroup label="后端">
<option value="py">Python</option>
<option value="go">Go</option>
</optgroup>
</select>
分组标题的样式控制力很弱，浏览器默认灰字、加粗，CSS 能调的只有颜色和字体，没法改高度或加图标。
