当前位置:首页 >> 网页制作

浏览器自动填充表单导致网页样式丢失原因分析及解决

从后台做到前端,悲剧啊。将别人做好的css集成到我的jsp网页里面,出现了一个奇怪现象。

对方提供给我的是html文件,打开之后样式显示都正常。我再把里面的代码复制到我的jsp页面,奇怪的现象就出现了。这是一个登陆页面,包括用户名输入框和密码输入框。将网页部署到Web服务器上,通过浏览器打开发现这两个输入框的样式丢了。只有将两个输入框的name属性设为相同的名字才能正常显示样式。

通过chrome的插件查看发现有对应的样式,但是在浏览器显示的时候这些样式就失效了,被webkit自带的样式给代替了。而在其他机子上用相同版本的浏览器打开却没问题。最后一个熟悉web开发的同事帮忙找到了原因,是由于我之前在本机上测试的时候在浏览器保存了这个登陆页面的用户名密码,在打开这个页面的时候chrome自动填充用户名密码,同时用webkit默认样式替代网页样式,就是一个黄色背景的输入框,以提示用户这是自动填充的表单内容。把chrome保存的这个网页的用户名密码清掉就可以了。