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

HTML 下拉菜单用 select 标签创建，里面用 option 标签定义每一项选项。

基础结构：select + option

最简单的下拉菜单写法如下：

<select name="city">
  <option value="bj">北京</option>
  <option value="sh">上海</option>
  <option value="gz">广州</option>
</select>

设置默认选中项

给某个 option 加上 selected 属性，它就会默认显示在下拉框中：

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

• 可以只加在一个 <option> 上（多个会以第一个为准）
• 推荐同时设置 value 和显示文字，比如：<option value="sh" selected>上海</option>

添加提示性默认选项（如“请选择”）

常把第一项设为灰色提示文字，且不可提交有效值：

立即学习“前端免费学习笔记（深入）”；

• 用 disabled 和 selected 同时加在第一个 <option> 上
• 加上 value=""，避免后端误收空字符串（可额外加 required 属性增强校验）

<select name="category" required>
  <option value="" disabled selected>-- 请选择分类 --</option>
  <option value="tech">科技</option>
  <option value="sports">体育</option>
</select>

分组选项（optgroup）

当选项较多时，可用 optgroup 按语义分组：

• 用 label 属性定义组名，浏览器会加粗显示并缩进子项
• optgroup 内只能放 option，不能嵌套其他 optgroup

<select name="subject">
  <optgroup label="理科">
    <option value="math">数学</option>
    <option value="physics">物理</option>
  </optgroup>
  <optgroup label="文科">
    <option value="history">历史</option>
    <option value="literature">文学</option>
  </optgroup>
</select>