用js怎么阻止浏览器把搜索框的内容当作用户名保存，还提示是否保存此用户名密码？

Question

我的首页有一个搜索框，搜索框里面有占位符，搜索框下面有个按钮点击之后会弹出输入密码框，只有一个密码框，输入密码后，chrome浏览器会提示说是否保存账号密码，chrome把搜索框里的占位符当用户名了，所以我要怎么屏蔽它？

Answer 1

占位是什么作用呢？是“请输入用户名”这种提示吗？如果是这种需求那就可以用placeholder来解决，支持h5的浏览器不会把这个当做value读取的。如果要兼容不支持placeholder的浏览器，可以试试屏蔽浏览器默认事件：

ele.onload = function() {
      return false
}//ele就是这个input元素，只后用value去取它的输入值

还有个比较不优雅的办法，就是用背景图代替占位符，做一张背景图，图上是占位的字符，当input获取焦点时，取消背景图；失去焦点时，判断是否有值，如果有，背景图不显示，如果没有有，则显示背景图，实现一个占位提示效果。

Answer 2

浏览器应该是记录的name，把name干掉用Ajax提交

Answer 3

我没遇到过这种，不过应该跟浏览器自动填充密码差不多把。你可以试一下在密码框前面加一个隐藏的密码框试试。

不保证一定有效，但是你可以试试