使用不同的名称/id/占位符自动填充多个电子邮件输入
使用不同的名称/id/占位符自动填充多个电子邮件输入
提问于 2021-08-19 09:33:39
在具有不同名称、id和占位符的多个电子邮件输入的表单中，铬自动填充总是一次填充9个字段。当然，我可以禁用自动填充(使用autocomplete="new-password")，这解决了问题。
但是我能做些什么呢，让用户可以从他的自动填充中选择多个不同的电子邮件？
<form action="">
<input type="email" name="email1" id="mail-1" placeholder="Mail of Person #1">
<input type="email" name="email2" id="mail-2" placeholder="Mail of Person #2">
<input type="email" name="email3" id="mail-3" placeholder="Mail of Person #3">
<input type="email" name="email4" id="mail-4" placeholder="Mail of Person #4">
<input type="email" name="email5" id="mail-5" placeholder="Mail of Person #5">
<input type="email" name="email6" id="mail-6" placeholder="Mail of Person #6">
<input type="email" name="email7" id="mail-7" placeholder="Mail of Person #7">
<input type="email" name="email8" id="mail-8" placeholder="Mail of Person #8">
<input type="email" name="email9" id="mail-9" placeholder="Mail of Person #9">
<input type="email" name="email10" id="mail-10" placeholder="Mail of Person #10">
</form>
演示:带有数组命名的https://jsfiddle.net/xhtv781s/演示：https://jsfiddle.net/1kuvfasq/
在macOS 10.15.7 / Chrome 92上进行了测试。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-08-29 03:14:16
我已经编辑了你的HTML代码来修正这个问题。请允许我解释一下。
<form action="">
<input autocomplete="nofill" type="email" name="email1" id="mail-1" placeholder="Mail of Person #1">
<input autocomplete="nofill" type="email" name="email2" id="mail-2" placeholder="Mail of Person #2">
<input autocomplete="nofill" type="email" name="email3" id="mail-3" placeholder="Mail of Person #3">
<input autocomplete="nofill" type="email" name="email4" id="mail-4" placeholder="Mail of Person #4">
<input autocomplete="nofill" type="email" name="email5" id="mail-5" placeholder="Mail of Person #5">
<input autocomplete="nofill" type="email" name="email6" id="mail-6" placeholder="Mail of Person #6">
<input autocomplete="nofill" type="email" name="email7" id="mail-7" placeholder="Mail of Person #7">
<input autocomplete="nofill" type="email" name="email8" id="mail-8" placeholder="Mail of Person #8">
<input autocomplete="nofill" type="email" name="email9" id="mail-9" placeholder="Mail of Person #9">
<input autocomplete="nofill" type="email" name="email10" id="mail-10" placeholder="Mail of Person #10">
</form>
使用google，您当时所要做的就是将autocomplete=false添加到标记中，它不会将自动更正添加到表单的各个部分。当前的修复方法是将autocomplete="nofill"放到每个标记上。
现在，您可以将no填充更改为您想要的任何内容，因为它混淆了google，并且禁用了在您放置属性上的自动完成功能。
据我所知，这是一个很久以前报道的bug。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68845383
复制相关文章
相似问题
腾讯云开发者
