Webstacker

Твой онлайн-журнал с мира Web и Front End: Новости, статьи и гайды на русском

Как отключить автозаполнение поля формы?

  • Вещает
  • Опубликовано:
  • Изменено:
Как убрать автозаполнение? (autocomplete)

Автозаполнение – невероятно удобная функция браузера, которая предлагает автоматически заполнять данные в полях или ранее введенные комбинации. Но бывают ситуации когда её нужно отключить (например, для ввода капчи или одноразового кода) и в этой мини-статье мы разберемся как это сделать.

Если Вам интересны варианты «правильных» названий для атрибута autocomplete в популярных браузерах – их можно просмотреть по этой ссылке (Google/Developers)

Решение проблемы

Решает все предельно просто – к <form>(для отключения автозаполнения формы) или <input>(для отключения автозаполнения определенного поля) надо добавить атрибут autocomplete со значением off:

<input name="query" type="text" autocomplete="off"/>

Если вдруг значение off вам не помогло – попробуйте заменить его на new-password:

<input name="query" type="text" autocomplete="new-password"/>

Если же эти решения не помогли Вам – стоит сделать реализацию с помощью Javascript. Но стоит учесть то, что эта реализация может оказаться «костыльной» и повлиять на будущую функциональность формы или полей.

Также подписывайтесь на наш офигенный Телеграм-канал 🤘: постим крутые статьи, авторские мнения, новости и шутки из мира Web-разработки. Понравилась статья? Расскажи об этом друзьям!