Как избавиться от автозаполнения в форме на локально разработанной странице

Question

Я создаю сайт локально, и в одной форме у меня есть номер телефона и ввод пароля. Chrome предварительно заполняет эти поля, номер телефона с моим адресом электронной почты и поле пароля с паролем, как показано.

Это страница регистрации, так что я не хочу, поле пароля предварительно заполненным и номер телефона не должен содержать адрес электронной почты.

Это разметка этих входов:

<input type="tel" value="" id="phone" name="phone" class="input "> 

<input type="password" placeholder="Min 10 characters" id="password" name="password" class="input "> 

Вещи, которые я попытался отключить хром автозаполнения, все из которых не имели никакого эффекта:

• Добавление autocomplete="off"/autocomplete="false" к обоим вводит себя и внешний элемент формы.
• Сброс данных автозаполнения из истории браузера с начала времени.
• Изменение идентификатора и атрибутов имени соответствующих входов.

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

В чем причина хромирования ввода адреса электронной почты в tel ввода с именем phone? Как я могу предотвратить это поведение?

Я не беспокоюсь о полностью отключении автозаполнения, но я не хочу, чтобы он вставлял адреса электронной почты в номера телефонных номеров.

Answer 1

1. Открытый Chrome.
2. В правом верхнем углу нажмите «Настройки».
3. В нижней части экрана нажмите «Показать дополнительные параметры».
4. В разделе «Пароли и формы» нажмите «Управление настройками автозаполнения».
5. Наведите указатель на запись (в вашем случае: номера телефона) и нажмите Удалить Закрыть.

Примечание: адреса электронной почты были заполнены в поле ввода номера телефона вместо номера телефона.