Question

我有一个包含多个输入的表单，其中一个是国家/地区。我为国家列表创建了自己的下拉框。我正在使用form_for，如果他们在表单中的其他字段上选择自动完成选项，我希望浏览器的自动完成填写此字段，但我不希望它仅在此特定输入字段上提示用户（因为它妨碍了我的下拉菜单。

            <%= form.text_field :country,
                id: :sender_address_country,
                class: "form-control country-search",
                autocomplete: "off" %>

我尝试了：autocomplete和：autofill选项我在各种组合的类似问题的回答中看到过。：自动完成功能可以停止自动完成提示，但如果用户从表单中的第一个字段中选择自动填充选项，则不允许用户自动填充。谢谢你的帮助！

Answer 1

一些解决方法，但我决定在字段聚焦时添加自动完成属性的字段添加JavaScript效果，并在删除焦点时删除它。

$('.country-search').focusout(function () {
    $(this).removeAttr('autocomplete');
});

$('.country-search').focusin(function () {
    $(this).attr('autocomplete', 'off');
})

允许Chrome自动填充但不提示某些字段

1 个答案: