应将提示项设为请选择，value为空字符串便于后端或js识别未选状态；避免用disabled+selected组合以防旧版浏览器兼容问题；框架中须用value控制受控组件，且需校验提交时value是否为空。
如何让 <select></select> 的第一个 <option></option> 显示为默认提示而非真实值
直接加 selected 属性就行，但关键在于：这个提示项必须是“不可提交的占位符”，否则表单会把“请选择”当作有效值提交。
- 把提示项写成
<option value="" selected>请选择</option>，value=""是重点 —— 空值能让后端或 JS 容易识别这是未选择状态 - 不要用
disabled+selected，虽然视觉上灰掉，但部分浏览器（如旧版 Safari）可能不把它当默认选中项 - 如果用了框架（如 React），别依赖 HTML 的
selected，得用value控制受控组件，否则属性会被忽略
为什么加了 selected 却没生效
常见原因是 DOM 加载顺序或 JS 覆盖。浏览器解析时按顺序选中第一个带 selected 的 <option></option>，但如果后续 JS 执行了 selectElement.value = "xxx"，就会覆盖 HTML 的初始状态。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 检查控制台是否有脚本在初始化时设置了
select.value或调用了select.selectedIndex = N - 确保
selected只出现在一个<option></option>上；多个selected时，浏览器只认第一个 - 动态插入
<option></option>后没手动设置selectedIndex，HTML 的selected属性对 JS 动态创建的元素无效
selected 和 defaultSelected 的区别
selected 是当前选中状态，可读可写；defaultSelected 是只读属性，反映 HTML 中是否写了 selected 属性，用于判断“初始意图”。调试时有用：
console.log(option.defaultSelected); // true 如果 HTML 里写了 selected console.log(option.selected); // 当前是否被选中，可能已被 JS 改过
- 用
defaultSelected判断用户是否真的做过选择，而不是还在看默认提示 - 表单重置（
form.reset()）会恢复到defaultSelected对应的状态，不是当前selected
移动端下拉菜单中提示项容易误触
iOS Safari 和部分安卓浏览器点击提示项会触发 change 事件，即使它只是占位符。这会导致“未选择就提交”的假象。
- 监听
change时先校验select.value是否为空：if (!select.value) return; - 更稳妥的做法：给提示项加
disabled，同时保留selected—— 大多数现代浏览器支持这种组合，且禁用项不会触发change - 注意：Chrome 桌面版允许 disabled option 被选中（仅限初始渲染），所以仍需配合 JS 校验
value="" 和后续 JS 的冲突。光写 selected 不够，得确保它既在页面加载时起作用，又不被后续逻辑悄悄覆盖。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
