HTML下拉菜单必须用标签配合实现，支持原生交互、无障碍访问和表单提交；禁用提示项需设value="" disabled selected，样式定制受限，深度需求应改用专业库。
HTML 下拉菜单用 模拟原生 +
常见错误现象：click 事件不触发、Enter 键无法选中、移动端点开后闪退、表单提交时值为空。
-
- 默认选中用
selected 属性，不是 value="xxx"
- 禁用某选项用
disabled，不是 style="display:none"（后者仍会被提交）
怎么让下拉菜单有「请选择」提示项又不提交它
关键在第一个 value 设为空字符串，并加 disabled 和 selected —— 这样它显示但不可选，且表单提交时不会带上这个空值。
示例：
<select name="category"><option value="" disabled selected>请选择分类</option>
<option value="news">新闻</option>
<option value="blog">博客</option></select>
注意：disabled 项在 Chrome/Firefox 中默认灰显，但 Safari 有时不渲染为禁用态，建议补一句 opacity: 0.6；另外，如果后端要求必填，得靠 JS 或服务端校验，required 属性对 disabled 项无效。
下拉选项太多时，
不会。原生
真实瓶颈不在渲染，而在交互效率：
htmlppt.skill
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
下载
- 用户无法输入搜索，只能滚动/滑动查找
- 移动端
- 没有分组折叠、异步加载、远程搜索等能力
这时该换方案：用 select2 / Choices.js 等库——但前提是确认团队真需要这些功能，而不是“看着高级就上”。
为什么 onchange 不触发，或者触发两次
因为监听错了事件类型，或绑在了错误节点上。原生 change，不是 click 或 input；而且必须绑定在
典型错误：
- 写成
原生 常见错误现象： 关键在第一个 示例： 注意： 不会。原生 真实瓶颈不在渲染，而在交互效率： 把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。 这时该换方案：用 因为监听错了事件类型，或绑在了错误节点上。原生 典型错误： 是唯一被所有浏览器一致支持、带键盘导航、屏幕阅读器兼容、无需 JS 就能提交表单的方案。手写 click 事件不触发、Enter 键无法选中、移动端点开后闪退、表单提交时值为空。
必须配 ，不能用
selected 属性，不是 value="xxx"
disabled，不是 style="display:none"（后者仍会被提交）怎么让下拉菜单有「请选择」提示项又不提交它
的 value 设为空字符串，并加 disabled 和 selected —— 这样它显示但不可选，且表单提交时不会带上这个空值。<select name="category"><option value="" disabled selected>请选择分类</option>
<option value="news">新闻</option>
<option value="blog">博客</option></select>
disabled 项在 Chrome/Firefox 中默认灰显，但 Safari 有时不渲染为禁用态，建议补一句 opacity: 0.6；另外，如果后端要求必填，得靠 JS 或服务端校验，required 属性对 disabled 项无效。下拉选项太多时，
性能会卡吗 渲染由浏览器底层控制，几千个 也不卡——但用户体验会崩：滚动慢、搜索难、移动端弹出框巨大。
弹出的是系统原生选择器，样式完全不可控 + （轻量级搜索补全），或引入 select2 / Choices.js 等库——但前提是确认团队真需要这些功能，而不是“看着高级就上”。为什么
onchange 不触发，或者触发两次 应该用 change，不是 click 或 input；而且必须绑定在 元素本身，不是它的父容器。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
