更新Chrome至90.0.4430.72版本后input type time无法键盘输入时间的问题咨询

问题现象 #

升级至 Chrome 90.0.4430.72 版本后，页面内 type="time" 的原生 input 表单元素出现交互异常：

• 不支持通过键盘直接输入小时、分钟的数值内容
• 仅能通过点击元素内置的时钟唤起图标，在弹出的下拉选择面板中逐段选取时间，操作路径冗余
• 异常界面参考：

对应解决方案 #

• 用户侧快速修复
  打开 Chrome 地址栏，输入 chrome://flags/#form-controls-refresh 进入浏览器内部功能配置页，将对应选项的默认配置调整为 Disabled，重启浏览器后即可完全回退到旧版时间选择器的交互逻辑，恢复原生键盘输入能力。该开关是 Chrome 90 版本默认启用的新版表单控件渲染功能的总控制入口，配置调整不会影响其他站点功能的正常使用。
• 站点侧长期适配
  如果是 Web 开发场景遇到该兼容性问题，可通过代码适配实现全版本兼容：
  • 为 input[type="time"] 元素追加 inputmode="numeric" 属性，强制浏览器激活输入焦点的数值识别逻辑
  • 可通过自定义样式隐藏新版控件的默认唤起交互，配合键盘事件监听做时间格式的实时校验与自动补全，完全脱离新版控件的交互限制
• 官方修复路径
  该交互缺陷已在 Chrome 后续的 90.0.4430.85 及以上小版本中被官方修复，直接将浏览器升级到对应修复版本即可获得正常的键盘输入能力，无需额外手动配置。

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