在 HTML5 中，为 下拉菜单设置默认选中项，需使用 selected 布尔属性标记对应 元素，而非 required 或不存在的 default 属性。

在 html5 中，为 `` 下拉菜单设置默认选中项，需使用 `selected` 布尔属性标记对应 `` 元素，而非 `required` 或不存在的 `default` 属性。

要让某个选项在页面加载时自动被选中，只需在目标 标签中添加 selected 属性（可简写为 selected，无需赋值）。该属性是布尔型，存在即生效。注意：一个 中应仅有一个 selected 选项，若多个选项同时声明 selected，浏览器将仅以第一个为准。

✅ 正确示例：

<label for="fruit">选择水果：</label>
<select id="fruit" name="fruit">
  <option value="">-- 请选择 --</option>
  <option value="apple">苹果</option>
  <option value="banana" selected>香蕉</option>
  <option value="orange">橙子</option>
</select>

⚠️ 常见误区提醒：

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

• required 属性用于表单验证（提交时禁止为空），不控制默认选中状态；
• HTML 标准中没有 default 属性，该写法无效且可能导致验证失败；
• 若所有 均未加 selected，浏览器默认选中第一个（但属隐式行为，不推荐依赖）；
• 使用 selected 时建议配合 value 属性，确保后端/JavaScript 能准确获取选中值。

? 进阶提示：如需通过 JavaScript 动态设置默认值，可操作 selectElement.value 或 selectElement.selectedIndex；服务端渲染时，也推荐在生成 HTML 时直接注入 selected 属性，确保首屏体验一致。

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