Home / Questions / 129057
Accepted
Norak
Asked: 2020-01-06 04:24:28 +0800 CST 2020-01-06 04:24:28 +0800 CST

Запретить автозаполнение формы Chrome, autocomplete="off" при вводе не работает

  • 772

Всем привет, у меня проблемы с Google Chrome и автозаполнением. Я хочу, чтобы некоторые поля моей формы не заполнялись автоматически, и я добавил атрибут:autocomplete="off"

Это в Chrome не работает, но в других браузерах, таких как Firefox, как я могу предотвратить заполнение только некоторых полей?

Я видел в Интернете альтернативное решение для добавления autocomplete="off"к метке <form>, но это не работает для меня, так как я хотел бы, чтобы многие поля заполнялись автоматически...

<form id="formulario" action="" method="">
<input type="text" name="nombre" placeholder="Nombre..." />
<input type="text" name="apellidos" placeholder="Apellidos..." />
<input type="email" name="email" placeholder="Correo electrónico..." />
<input type="text" name="codigo" placeholder="Código promocional..." autocomplete="off" />
</form>

Как предотвратить автозаполнение одного поля ввода в Chrome?

formularios

4 Answers

  1. Best Answer

    Поскольку проблема с автозаполнением в Google Chrome хорошо известна и обсуждалась на многочисленных форумах пользователями, столкнувшимися с этой проблемой, был создан своего рода «патч» (если его можно так назвать) для исправления того , что запрещал хром . По умолчанию он настроен на игнорирование команды отключения автозаполнения ("autocomplete=off"). Этот «патч» , решающий вашу проблему, показан @sergibarca в его ответе.

    В качестве дополнения я должен добавить, что вы вполне можете заставить хром попытаться найти несуществующий код , установив для автозаполнения рассматриваемого ввода значение, которое, как вы знаете, никогда не будет существовать в поле. Таким образом, Chrome не сможет показать вам какие-либо параметры автозаполнения , потому что он не может найти тот, который соответствует автозаполнению.

    Это достигается в вашем случае следующим образом:

    <input type="text" name="codigo" placeholder="Código promocional..." autocomplete="ÑÖcompletes" />

    Вряд ли хром найдет автозаполнение чего- то, что соответствует «Ñ…completes» . Конечно, вы можете изменить это значение на что-то более элегантное или подходящее вам.

    Использованная литература:

    Для патча. Здесь!

    Для автозаполнения с несуществующим значением: Здесь!

    Чтобы увидеть оба ответа на проблему, похожую на вашу: Здесь

    Бонус, это случилось и с Mozilla! Здесь!

    Это все. Приветствие

    • 7

  2. Просмотрев несколько страниц с ответами с кодами на JS, JQuery и других, я нашел среди такого количества вариантов, что это сработало для меня сегодня (20.08.2019).

    Я не добавлял autocomplete="off" в тег FORM и в каждом INPUT типа TEXT я использовал autocomplete="new-text":

    <input type="text" name="nombre" autocomplete="new-text">

    При этом в каждом ВВОДЕ типа ПАРОЛЬ:

    <input type="password" name="clave" autocomplete="new-password">

    Мне не нужно было использовать другие типы полей в моей форме, но, следуя той же логике, я представляю, что тип NUMBER должен быть изменен на «new-number» и так далее в соответствии с каждым типом.

    Надеюсь, вы спасете день, как и я, привет!

    • 2

  3. Что вы можете сделать, так это создать ввод, который фиксирует скрытое автозаполнение с помощью CSS.

    Пример

    <input style="display:none" type="text" name="falsocodigo" autocomplete="off" />

<input type="text" name="codigo" placeholder="Código promocional..." autocomplete="off" />

    • 1

  4. Перепробовав множество вариантов, это единственный, который сработал для меня в Chrome:

    <input type="text" name="nombre" autocomplete="new-text">

    Он также работает с угловым или ионным компонентом.

    <ion-searchbar autocomplete="new-text"></ion-searchbar>
    • 0