原因

我们在进行开发的时候，会遇到一些特殊的情况，比如下面这种情况。

两个连着的input，上面的type为text或者number，下面的type为password。

这时，浏览器就会误认为是填写用户名和密码的输入框，所以就会自动填充，这样会导致用户体验很差。

方案

之前记得可以使用 【autocomplete=’off’】属性来禁用，但是真正使用时，在chrome上无效，其他浏览器不清楚。

后来在 这里 看到，“是否自动填充应由用户来决定而不是开发者”，有道理，好吧。

然后想到既然这两个input连在一起会被误认为用户名密码输入框，那把它们拆开不就好了？

先说下我的html结构大概是这样的

div
  div
    input

div
  div
    input

所以我在第一个input后面加了一个type为text的input

div
  div
    input
    input 

div
  div
    input

然后设置该input的name和相邻的input的name一致就好了。