在Chrome v.70(没有在其他浏览器中进行过测试)中,如果我具有以下HTML(https://jsfiddle.net/dgn3yw71/):
<form>
<label for="address">address</label>
<input type="text" name="address" id="address" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>
<label for="name">Name</label>
<input type="text" name="name" id="name"/>
</form>
我还可以删除“名称”输入和标签,其效果将与预期的一样:禁用浏览器自动填充地址输入功能。
现在,如果我添加1个或多个这样的输入和标签(https://jsfiddle.net/4tay9weg/):
<form>
<label for="address">address</label>
<input type="text" name="address" id="address" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>
<label for="name">Name</label>
<input type="text" name="name" id="name"/>
<label for="test">test</label>
<input type="text" name="test" id="test"/>
</form>
现在,地址输入将不会按预期禁用浏览器自动填充
首先,为什么? -其次,如何解决?