html下拉框设提示文字应添加空value、disabled且selected的option元素，因其兼容性好、语义正确；select不支持placeholder，css模拟不可靠；需配合required属性及后端校验防空提交。
HTML下拉框怎么设提示文字
直接在 <select></select> 里加一个空的 <option></option>，并用 disabled 和 selected 控制它只作提示、不可选中——这是最轻量、兼容性最好、且表单语义正确的做法。
为什么不能只靠 placeholder 属性
<select></select> 元素本身不支持 placeholder 属性（即使写了也不会渲染或生效），浏览器会忽略它。试图用 CSS 模拟 placeholder（比如用 ::before）在多数场景下不可靠，尤其涉及焦点、无障碍访问（a11y）和表单验证时会出问题。
正确添加空 option 的写法和关键细节
必须同时满足三个条件：值为空字符串、设为默认选中、禁用选择。否则用户可能误提交空值，或提示项被当成有效选项。
-
value必须是空字符串（value=""），不能省略或写成value="null"等 - 必须同时加
selected和disabled，缺一不可 - 该
<option></option>应放在所有可选项之前，避免用户误选后无法退回提示状态
<select name="category"> <option value="" disabled selected>请选择分类</option> <option value="tech">技术</option> <option value="design">设计</option> </select>
表单提交时如何避免空值被提交
前端靠 required 属性强制用户选择非空项；后端仍需校验，因为禁用的 <option></option> 在提交时不会发送值（浏览器行为），但若用户绕过前端限制（如手动修改 HTML 或用 curl 提交），value="" 仍可能到达服务端。
立即学习“前端免费学习笔记（深入）”；
- 给
<select></select>加required：浏览器原生校验，阻止空提交 - 后端检查字段是否缺失或值为空字符串，而非仅依赖前端
- 如果业务上允许“无分类”，应改用明确的语义值（如
value="none"），而不是空字符串
<option></option> 是提示，不是数据；disabled 防止误选，required 防止漏选，这两层缺一不可。 
