您现在的位置是：网站首页> 编程资料编程资料
浏览器自动填充表单导致网页样式丢失原因分析及解决_心得技巧_网页制作_
2021-09-11
929人已围观
简介 是由于我之前在本机上测试的时候在浏览器保存了这个登陆页面的用户名密码，在打开这个页面的时候chrome自动填充用户名密码，同时用webkit默认样式替代网页样式，把chrome保存的这个网页的用户名密码清掉就可以了
从后台做到前端，悲剧啊。将别人做好的css集成到我的jsp网页里面，出现了一个奇怪现象。
对方提供给我的是html文件，打开之后样式显示都正常。我再把里面的代码复制到我的jsp页面，奇怪的现象就出现了。这是一个登陆页面，包括用户名输入框和密码输入框。将网页部署到Web服务器上，通过浏览器打开发现这两个输入框的样式丢了。只有将两个输入框的name属性设为相同的名字才能正常显示样式。
通过chrome的插件查看发现有对应的样式，但是在浏览器显示的时候这些样式就失效了，被webkit自带的样式给代替了。而在其他机子上用相同版本的浏览器打开却没问题。最后一个熟悉web开发的同事帮忙找到了原因，是由于我之前在本机上测试的时候在浏览器保存了这个登陆页面的用户名密码，在打开这个页面的时候chrome自动填充用户名密码，同时用webkit默认样式替代网页样式，就是一个黄色背景的输入框，以提示用户这是自动填充的表单内容。把chrome保存的这个网页的用户名密码清掉就可以了。
对方提供给我的是html文件，打开之后样式显示都正常。我再把里面的代码复制到我的jsp页面，奇怪的现象就出现了。这是一个登陆页面，包括用户名输入框和密码输入框。将网页部署到Web服务器上，通过浏览器打开发现这两个输入框的样式丢了。只有将两个输入框的name属性设为相同的名字才能正常显示样式。
通过chrome的插件查看发现有对应的样式，但是在浏览器显示的时候这些样式就失效了，被webkit自带的样式给代替了。而在其他机子上用相同版本的浏览器打开却没问题。最后一个熟悉web开发的同事帮忙找到了原因，是由于我之前在本机上测试的时候在浏览器保存了这个登陆页面的用户名密码，在打开这个页面的时候chrome自动填充用户名密码，同时用webkit默认样式替代网页样式，就是一个黄色背景的输入框，以提示用户这是自动填充的表单内容。把chrome保存的这个网页的用户名密码清掉就可以了。
相关内容
- 网页css优先级为您详细解读_心得技巧_网页制作_
- psd切图转换为div+css格式_心得技巧_网页制作_
- CSS HACK之IE6/IE7/IE8/IE9/FF(归纳)_心得技巧_网页制作_
- jquery编辑器插件tinyMCE的使用方法_心得技巧_网页制作_
- tinyMCE使用方法与心得详解_心得技巧_网页制作_
- 限制input输入类型(多种方法实现)_心得技巧_网页制作_
- 常用元素默认margin和padding值问题探讨_心得技巧_网页制作_
- css里面图片路径问题(同包/不同包)探讨_心得技巧_网页制作_
- 在FireFox中导入导出Cookies与收藏夹的解决办法_心得技巧_网页制作_
- 浮动菜单,可实现上下滚动的效果_心得技巧_网页制作_
