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);

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