在HTML input元素上使用无效type类型是否存在兼容或其他风险？

首先你的认知是对的：所有现代浏览器遇到无法识别的<input> type属性值，都会统一回退为text类型处理，你目前没有遇到渲染异常是正常情况，但仍然存在几类潜在风险：

• 渲染一致性风险：主流浏览器的行为确实统一，但极小众老旧浏览器、部分嵌入式设备的内置浏览器可能存在异常表现，比如输入框不渲染、默认样式完全错乱。就算是主流浏览器，未知type的默认样式差异也比标准text类型更大，如果没有做全局的input样式重置，不同浏览器端的边距、边框、行高可能出现不易察觉的差异。
• 无障碍兼容风险：屏幕阅读器等无障碍工具遇到非标准type值时，可能无法正确识别这是文本输入控件，导致视障用户无法正常操作，不符合无障碍规范要求。
• 未来兼容性风险：你当前使用的无效type值，有可能在后续的HTML标准迭代中被列为正式type，届时浏览器会为其增加专属交互、内置校验、特殊渲染逻辑，和你当前预期的text行为完全冲突，后续升级浏览器或者迭代项目时会出现极难排查的异常问题。
• 开发维护风险：后续接手项目的开发者看到非标准的type值，会误以为是标准特性浪费时间查文档，提升维护成本。此外部分前端框架的表单绑定逻辑对非标准type可能存在兼容问题，容易出现取值、绑定失败的异常。

场景适配建议 #

你的场景是纯客户端处理、不需要提交表单，完全可以用标准的data-*自定义属性来做标识，比如data-custom-type="xxx"，这是HTML规范明确允许的用法，不会产生上述任何风险，也不影响你做客户端内容转JSON的逻辑。

内容的提问来源于stack exchange，提问作者Damo