如何取消 input 表单的默认行为？？

Question

一个用户登录的表单：

1. 刷新页面的时候如何禁止他自动填充表单导致 input 背景颜色也变黄色？？
2. 表单获取焦点的时候，如何禁止他产生下拉菜单？？

Answer 1

来个简单粗暴的，加上autocomplete="off"。
<input type="text" autocomplete="off" />
还有很多别的办法，改变input:-webkit-autofill，利用阴影强制去除等等。

Answer 2

autocomplete="off"

Answer 3

<input type="text" value="" autocomplete="off"  />
<style>
input:focus{
  outline:none;
}
</style>

Answer 4

这个是浏览器的自动填充，看下这个知乎

Answer 5

以前记录到的也许就是楼上说的知乎贴上看到的吧

<input type="password" autocomplete="new-password" />

Answer 6

去掉背景的黄色

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}

---

禁止自动填充

<input type="password" autocomplete="new-password" />