Javascript 当chrome自动完成密码时，CSS动画不会发生

我正在制作一个简单的网站，现在我正在登录页面上工作。看起来是这样的（在整个页面中运行，否则某些部分会丢失）：

html，正文{
宽度：100%；
身高：100%；
最大宽度：100%；
填充：0；
保证金：0；
}
身体{
字体系列：“Roboto”，“HelveticaNeue Light”，“Helvetica Neue Light”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
背景色：#2196F3；
身高：100%；
溢出：隐藏；
}
输入：-webkit自动填充，
输入：-webkit自动填充：悬停，
输入：-webkit自动填充：焦点，
输入：-webkit自动填充：激活，
输入：-webkit自动填充：有效{
-webkit盒阴影：0 30px#2196F3插图；
-webkit文本填充颜色：白色！重要；
}
味精{
字体大小：15px；
显示：内联块；
文本对齐：居中；
单词包装：打断单词；
宽度：90%；
最大宽度：300px；
线高：28px；
最小高度：28px；
背景色：#ffc107；
边界半径：2px；
颜色：白色；
边缘底部：3em；
}
.垫片{
字体大小：15px；
显示：块；
文本对齐：居中；
单词包装：打断单词；
宽度：90%；
最大宽度：300px；
线高：28px；
最小高度：28px；
边界半径：2px；
颜色：白色；
边缘顶部：2米；
边缘底部：3em；
}
形式{
显示：块；
位置：绝对位置；
宽度：100%；
身高：80%；
左：0；
利润上限：-100px；
文本对齐：居中；
动画：向前滑动0.5秒；
}
@关键帧swipein{
从{顶部：30%；不透明度：.8}
至{顶部：20%；不透明度：1}
}
输入，按钮{
字体系列：“Roboto”，“HelveticaNeue Light”，“Helvetica Neue Light”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
大纲：0；
颜色：白色；
}
.组{
显示：内联块；
位置：相对位置；
边缘底部：20px；
}
.组：第n个类型（1）{
利润率最高：15%；
}
输入{
字号：21px；
填充：10px 10px 10px 5px；
显示：块；
宽度：250px；
边界：无；
边框底部：1px纯白；
边界半径：0；
背景色：透明；
颜色：白色；
}
输入：焦点{大纲：无；}
标签{
颜色：白色；
字号：18px；
字体大小：正常；
位置：绝对位置；
指针事件：无；
左：5px；
顶部：10px；
过渡：0.2s缓解所有；
-moz过渡：0.2s缓解所有；
-webkit过渡：0.2s轻松全部；
}
输入：焦点~标签，输入：有效~标签{
顶部：-20px；
字体大小：14px；
颜色：白色；
}
.bar{位置：相对；显示：块；宽度：265px；}
.bar:之前.bar:之后{
内容：''；
高度：2倍；
宽度：0；
底部：1px；
位置：绝对位置；
背景：白色；
过渡：0.2s缓解所有；
-moz过渡：0.2s缓解所有；
-webkit过渡：0.2s轻松全部；
}
酒吧：以前{
左：50%；
}
酒吧：之后{
右：50%；
}
输入：焦点~。栏：之前，输入：焦点~。栏：之后{
宽度：50%；
}
李{
列表样式类型：无；
填充：10px；
}
a{
颜色：白色；
填充：10px；
}
钮扣{
-webkit外观：无；
填充：12px 65px 12px 65px；
背景色：白色；
颜色：#2196F3；
边界：无；
边界半径：2px；
字号：18px；
盒影：0 2px 5px 0 rgba（0,0,0,0.26）；
}
按钮：悬停{
光标：指针；
}
@媒体屏幕和屏幕（最小宽度：800px）{
标志{
最高：15%；
}
.标志跨度{
字号：2em；
}
.标志h2{
字号：2.7em；
}
.组：第n个类型（1）{
利润率最高：25%；
}
形式{
宽度：750px；
最高：20%；
左：计算（50%-375px）；
}
输入{
宽度：350px；
}
.bar{
宽度：365px；
}
}

connerdassen.ddns.net
功能测试（）{
var button=document.getElementById（'button'）；
按钮。单击（）；
警报（“单击模拟事件！”）；
}


用户名


密码

登录


if（（window.location.href）.indexOf（“？”）！=-1）{
var afterURL=（window.location.href）.substr（（window.location.href）.indexOf（“？”）+1）；
var msg=（afterURL.split（'msg='））[1]；
msg=解码元件（msg）；
}
如果（消息类型！=“未定义”&&msg！=“未定义”&&msg！=”）{
var form=document.getElementById（“表单”）；
var oldForm=form.innerHTML；
form.innerHTML=''+msg+''+oldForm；
}

文档准备好后，您可以检查所有输入是否已填写，并触发一个更改事件。@Sysix我该怎么做？