html下拉菜单用select标签创建,内嵌option定义选项;可设selected默认选中、disabled+selected+value=""作提示项,optgroup按label分组选项。

HTML 下拉菜单用 select 标签创建,里面用 option 标签定义每一项选项。
基础结构:select + option
最简单的下拉菜单写法如下:
设置默认选中项
给某个 option 加上 selected 属性,它就会默认显示在下拉框中:
- 可以只加在一个
<option></option>上(多个会以第一个为准) - 推荐同时设置
value和显示文字,比如:<option value="sh" selected>上海</option>
添加提示性默认选项(如“请选择”)
常把第一项设为灰色提示文字,且不可提交有效值:
- 用
disabled和selected同时加在第一个<option></option>上 - 加上
value="",避免后端误收空字符串(可额外加required属性增强校验)
分组选项(optgroup)
当选项较多时,可用 optgroup 按语义分组:
- 用
label属性定义组名,浏览器会加粗显示并缩进子项 -
optgroup内只能放option,不能嵌套其他optgroup
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











