如何防止 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 自动填充表单中的每个字段?的主要内容,如果未能解决你的问题,请参考以下文章

Chrome 自动填充黄色背景高于表单字段中的图标

如何防止 HTML 表单上的浏览器自动填充功能?

如何防止表单元素在 Chrome 中预填充

自动填充上的 jQuery 函数(chrome)

Chrome 如何检测信用卡字段?

jquery 防止自动填充表单