edge legacy（≤79）完全不支持datalist，因其edgehtml引擎从未实现该html5规范，输入框无下拉建议、dom忽略datalist、js无法获取list属性，须用js模拟下拉组件。
Edge Legacy 完全不支持 list 和 datalist
是的，list 属性绑定 datalist 在 Edge Legacy（版本 ≤ 79）中彻底失效，连基本渲染都不触发。这不是兼容性问题，而是功能缺失——该浏览器从未实现 HTML5 的 datalist 规范。
常见错误现象包括：
• 输入框始终不显示下拉建议，哪怕 id 和 list 值完全匹配
• 控制台无报错，但 DOM 中 datalist 被忽略（不参与渲染、不响应焦点）
• 即使加了 name 属性、用 JS 动态插入、或强制重聚焦，也毫无反应
为什么 Edge Legacy 不支持？
Edge Legacy 是基于 EdgeHTML 引擎的旧版浏览器，其 HTML5 表单特性支持严重滞后。微软在 2021 年 3 月 9 日已终止对该产品的支持，且从未将 datalist 列入其 EdgeHTML 实现路线图。
关键事实：
• 所有 Edge Legacy 版本（含 77–79）均无 datalist 的 UA 样式规则
• input[list] 选择器在 CSS 中无效，无法通过样式调试验证存在性
• JavaScript 查询 input.list 返回空字符串，input.getAttribute('list') 也返回 null 或空串（引擎未解析该属性）
替代方案必须用 JS 模拟
若仍需支持 Edge Legacy 用户，不能依赖原生行为，必须降级为 JS 驱动的下拉建议组件。常见做法有：
- 用
select+change同步到input.value，并隐藏原select（视觉上模拟） - 用
div+ul/li构建弹出列表，监听input的input和keydown事件做过滤和导航 - 避免使用任何 polyfill 库（如
html5-datalist-polyfill），它们在 Edge Legacy 上普遍因 DOM API 缺失而崩溃
注意：服务端渲染时，不要只写 datalist 后靠客户端 JS 补救——Edge Legacy 用户会看到一个完全没建议的裸输入框。
真正容易被忽略的一点
很多团队测试时只用新版 Edge（Chromium 内核），误以为“Edge 支持了”就等于“所有 Edge 都支持”。但 Edge Legacy 仍在部分政企内网、老旧终端中真实运行，且其用户无法自主升级。只要你的用户画像里包含这类环境，datalist 就不能当作功能基线，而只能是增强项——它只在 Chromium Edge、Chrome、Firefox、Safari 15.4+ 中可靠工作。
