如何防止 chrome 自动填充表单中的每个字段?
Posted
技术标签:
【中文标题】如何防止 chrome 自动填充表单中的每个字段?【英文标题】:how to prevent chrome to autofill EVERY fields in a form? 【发布时间】:2012-01-24 11:33:13 【问题描述】:我有一个带有 5 个电子邮件字段的简单表单的网站页面。当我开始填写第一个字段时,chrome 建议我使用相同的电子邮件地址填写每个字段。我不想完全禁用 chrome 自动填充功能(我知道可以通过添加属性 autocomplete="off"
)。
是否可以让自动填充功能仅针对每个字段单独工作?
这是表单代码:
<form action="#emails" method="POST" name="sponsorship_form_email" id="sponsorship_form_email" >
<p>
<label>Email 1 : </label><input type="email" class="inputtext" name="email[]" id="1" />
</p>
<p>
<label>Email 2 : </label><input type="email" class="inputtext" name="email[]" id="2" />
</p>
<p>
<label>Email 3 : </label><input type="email" class="inputtext" name="email[]" id="3" />
</p>
<p>
<label>Email 4 : </label><input type="email" class="inputtext" name="email[]" id="4" />
</p>
<p>
<label>Email 5 : </label><input type="email" class="inputtext" name="email[]" id="5" />
</p>
<p>
<input value="Invite" id="send" type="submit" />
</p>
</form>
【问题讨论】:
【参考方案1】:为您的输入提供不同的名称;)
<form action="#emails" method="POST" name="sponsorship_form_email" id="sponsorship_form_email" >
<p>
<label>Email 1 : </label><input type="email" class="inputtext" name="email1" id="1" />
</p>
<p>
<label>Email 2 : </label><input type="email" class="inputtext" name="email2" id="2" />
</p>
<p>
<label>Email 3 : </label><input type="email" class="inputtext" name="email3" id="3" />
</p>
<p>
<label>Email 4 : </label><input type="email" class="inputtext" name="email4" id="4" />
</p>
<p>
<label>Email 5 : </label><input type="email" class="inputtext" name="email5" id="5" />
</p>
<p>
<input value="Invite" id="send" type="submit" />
</p>
</form>
【讨论】:
这就是我所坚持的,但我不想这样做以避免丢失 email[] 数组...无论如何谢谢:) 也许自己创建数组以上是关于如何防止 chrome 自动填充表单中的每个字段?的主要内容,如果未能解决你的问题,请参考以下文章