onAutofill
内容提要
在网络标准中，autofill（自动填入）与 autocomplete（自动补全）有所不同，autofill 可能不会触发 change/input 事件，导致表单无法提交。尽管 HTML 标准有规定，但部分浏览器仍遵循旧规范。可以通过 CSS 监测 autofill 事件，并结合 JS 处理，以改善用户体验。
延伸解读
autofill与autocomplete的区别
autofill（自动填入）和autocomplete（自动补全）在功能上有所不同。前者可能不会触发change/input事件，这意味着如果表单依赖这些事件进行验证，用户可能会遇到无法提交表单的情况。理解这两者的区别对于开发者设计用户友好的表单至关重要。
浏览器兼容性问题
尽管HTML标准对autofill的行为有明确规定，但部分浏览器仍遵循旧规范，导致事件未触发的问题。这种不一致性可能影响用户体验，开发者在设计时需考虑不同浏览器的表现，以确保表单功能的可靠性。
CSS与JS结合的解决方案
通过CSS伪类:autofill结合JS事件监听，可以有效检测autofill事件，避免使用定时检查的方法。这种方法虽然需要CSS支持，但能提高代码的响应性和用户体验，开发者应考虑在项目中实施。
Q&A
autofill和autocomplete有什么区别？
autofill（自动填入）和autocomplete（自动补全）是不同的概念，autofill可能不会触发change/input事件。
为什么autofill可能导致表单无法提交？
因为autofill可能不会触发change/input事件，导致表单验证无法执行，从而无法提交。
如何检测autofill事件？
可以通过CSS伪类:autofill和CSS动画结合JS事件监听来检测autofill事件。
不同浏览器对autofill的支持情况如何？
部分浏览器仍遵循旧规范，导致autofill不触发事件的问题由来已久。
第三方工具如何影响autofill行为？
第三方工具如密码管理器的自动填入行为可能不同，有些工具会添加自定义属性以便检测。
HTML标准对change事件的定义有什么变化？
HTML 4.01和HTML Living Standard对change事件的触发时机有不同的定义，后者增加了数据提交时的触发。
