Убрать у input рамку браузера
Обновлено: 07.07.2024
Под предложениями я имею в виду, что раскрывающееся меню появляется, когда вы начинаете печатать, и оно основано на том, что вы ввели ранее:
Например, когда я набираю "а" в поле заголовка, я получаю массу предложений, что довольно раздражает. Кто-нибудь знает, как это отключить? Заранее спасибо.
Вам нужно отключить атрибут HTML autocomplete .
Узнайте больше о сети MDN
Вот пример, как это сделать.
Если это на платформе React, используйте следующее:
Обновить
Вот обновление, которое исправляет некоторые браузеры, пропускающие флаг «autocomplete = off».
Autocomplete = "новый пароль" не работает для меня.
Я построил форму реагирования. Google Chrome автоматически завершит ввод формы на основе атрибута имени.
Он будет основан на атрибуте «name», чтобы решить, нужно ли заполнять форму автоматически. В этом примере имя: «примечание». Таким образом, Chrome будет автоматически заполняться на основе всех моих предыдущих замечаний.
Итак, чтобы взломать это, я даю имя случайному значению, используя библиотеку uuid ().
Теперь выпадающего списка автозаполнения не будет. Я использую атрибут id для идентификации ввода формы вместо name в обработчике handleChange.
И у меня это работает.
Я знаю, что это было давно, но если кто-то ищет ответ, это может помочь. Я использовал autocomplete="new-password" для поля пароля. и это решило мою проблему. Вот документация по MDN.
Использовать атрибут autocomplete="off"
Поместите атрибут в элемент <input> , НЕ в элементе <form>
Я закончил тем, что изменил поле ввода на
Вы никогда не получите автозаполнение для текстовых.
В Chrome единственным способом, который мы могли определить, который предотвращал все формы, было использование autocomplete="new-password" . Примените это к любому вводу, который не должен иметь автозаполнения, и он будет принудительно применяться (даже если поле не имеет ничего общего с паролями, например, SomeStateId заполнение значениями формы состояния). См. эту ссылку в обсуждении ошибок Chromium для получения дополнительной информации,
Обратите внимание, что это последовательно работает только в браузерах на основе Chromium и Safari - Firefox не имеет специальных обработчиков для этого new-password (см. Подробности в этом обсуждении).
Обновление: Firefox уже на борту! Поддержка функций Nightly v68.0a1 и Beta v67.0b5 (3/27/2019) для атрибута автозаполнения new-password , стабильная релизы должны поступить 14.05.2009 в соответствии с дорожной картой,
Добавление двух следующих атрибутов отключает все предложения полей (проверено в Chrome v85, Firefox v80 и Edge v44):
У меня была похожая проблема, но я в конечном итоге
<input autocomplete="off" maxlength="1" /> т.е. autocomplete = 'off' и предложения исчезнут.
Читайте также: