html表单记住密码按钮,js form表单提交，浏览器记住密码后自动填充

1、场景描述

用form表单实现的页面搜索，第一次搜索点击提交之后手机浏览器会提示保存用户名和密码，点了保存之后，再次进入这个页面这些值会直接在页面上，将input的值删除之后，点击搜索提交之后这些值会依然在页面上，百度了一下是因为input的自动填充的原因

注：其实搜索这里用ajax实现更好，但是因为我们后台用的是php，所以采用的是那种模板的形式，用form表单更好实现分页

2、解决办法

百度了一圈，最多就是将input和form都设置上autocomplete="off"，我自己测试没有起作用，我自己的手机使用的是QQ浏览器，也不知道是不是我没有设置好还是其他原因，我设置之后并没有起到作用，我经过一番测试后得到的解决方案是将input的name属性删掉，等页面加载完成之后将input加上name属性

下面将代码贴上

html部分

//我这里还是把autocomplete="off" 这个加上了，不知道这个是否会有影响，可以测试一下

js部分

setTimeout(function () {

$('#username').attr('name','username');

}, 100);

向上面这样设置，目前能解决我这个业务场景的需要，具体的是不是最终解决办法我也不清楚，后期发现更好的解决办法再补充

html表单记住密码按钮,js form表单提交，浏览器记住密码后自动填充相关推荐

前端问题：button按钮在form表单的时候会当成submit提交
button按钮在form表单的时候会当成submit提交 input type="button" PS:遇到了一个坑是,button按钮在form表单的时候会当成submit提交 ...
[css] 怎样修改chrome记住密码后自动填充表单的黄色背景？
[css] 怎样修改chrome记住密码后自动填充表单的黄色背景? input:-webkit-autofill { -webkit-box-shadow: 0 0 3px 100px #eee in ...
浏览器自动填充数据,Cookie清除不了？，这是因为某些浏览器设置了，自动填充账户名密码，造成cookie没有删除的假像。
一.原因分析 1.查看Cookie是否真的被清除掉了 2.原来是浏览器设置了自动填充密码二.代码展示: 虽然这个地方清除了,但是由于某些浏览器设置了,自动填充账户名密码,造成cookie没有删除的假 ...
js form表单onsubmit事件用法详解
onsubmit事件是当表单提交时进行相关js操作的一个事件.(但是有疑问) onsubmit 事件会在表单中的确认按钮被点击时发生.当该事件触发的函数中返回false时,表单就不会被提交. 请看下面 ...
js——form表单验证
用js实现一个简易的表单验证效果: 代码: <html><head><title>js校验form表单</title><meta charset ...
去掉chrome记住密码后自动填充表单的黄色背景
chrome表单自动填充后,input文本框的背景会变成黄色的,通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对 ...
如何修改 chrome 记住密码后自动填充表单的黄色背景？
chrome表单自动填充后,input文本框的背景会变成黄色的,通过审查元素可以看到这是由于chrome会默认给自动填充的in put表单加上input:-webkit-autofill私有属性,然后 ...
小程序提交表单mysql_微信小程序form表单提交到MYSQL实例（PHP）
小程序相对于之前的WEB+PHP建站来说,个人理解为只是将web放到了微信端,用小程序固定的格式前前端进行布局.事件触发和数据的输送和读取,服务器端可以用任何后端语言写,但是所有的数据都要以JSON的 ...
python表单验证_Python——flask_wtf验证form表单
前言: web表单是web应用程序的基本功能.它是HTML页面中负责数据采集的部件.表单有三个部分组成:表单标签.表单域.表单按钮.表单允许用户输入数据,负责HTML页面数据采集,通过表单将用户输入的 ...

html表单记住密码按钮,js form表单提交，浏览器记住密码后自动填充

html表单记住密码按钮,js form表单提交，浏览器记住密码后自动填充相关推荐

最新文章

热门文章