Автозаполнение – невероятно удобная функция браузера, которая предлагает автоматически заполнять данные в полях или ранее введенные комбинации. Но бывают ситуации когда её нужно отключить (например, для ввода капчи или одноразового кода) и в этой мини-статье мы разберемся как это сделать.
Если Вам интересны варианты «правильных» названий для атрибута 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-разработки. Понравилась статья? Расскажи об этом друзьям!