使用HTML的select标签可创建下拉菜单,通过option添加选项,selected设置默认项,disabled禁用选项,optgroup实现分组,multiple支持多选。

如果您希望在网页中创建一个可选择的选项列表,例如让用户选择省份、性别或日期等信息,可以使用HTML中的select标签来实现下拉菜单。以下是几种常见的实现方式和设置方法:
一、基础下拉菜单结构
使用
1、在HTML文件中插入
2、在
立即学习“前端免费学习笔记(深入)”;
3、为每个
4、将需要展示给用户的文本写在
示例代码:
二、设置默认选中项
可以通过为某个
1、找到希望默认显示的
2、在该标签内添加selected属性,无需赋值即可生效。
示例:
三、禁用特定选项
某些情况下需要让某个选项不可选,比如用作提示文字(如“请选择城市”),此时可使用disabled属性使该项无法点击。
1、在目标
2、注意带有disabled的选项不会被表单提交,也不应具有实际数据价值。
示例:
四、分组显示选项
当选项较多时,可使用
1、使用
2、label属性定义该组的名称,会在下拉列表中以灰色字体显示。
3、支持嵌套多个
示例:
五、设置多选模式
通过添加multiple属性,允许用户按住Ctrl或Shift键选择多个选项,适用于需要多项选择的场景。
1、在
2、可结合size属性设定可见行数,避免下拉样式不明显。
3、提交表单时,所有选中的值将以数组形式传递(需后端支持数组接收)。
示例:











