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

autocomplete = "off" - это не то, что мне нужно. Обычно в моей регистрационной форме есть поля «телефон» и «пароль», расположенные одно над другим. (см. снимок экрана)

В поле «телефон», что досадно, предварительно подставляется имя пользователя, поскольку я догадываюсь, что делает браузер - браузер находит поле типа пароля и принимает поле ввода текста непосредственно перед тем, как это имя пользователя. поле.Эффект таков:

Почему меня не интересует нестандартный атрибут автозаполнения для поля телефона, я хочу, чтобы пользователь мог заполнить эту форму как можно проще, и если они ранее вводили свой телефон номер на других сайтах (в поля, называемые «телефон»), они могли бы извлечь выгоду из этого отображения, когда они начнут вводить в это поле. Вот почему я не хочу вообще отключать автозаполнение.

Я больше думал о том, чтобы как-то реорганизовать поля, чтобы избежать такого поведения. Или какой-то способ сообщить браузеру, что поле над полем пароля не имеет к нему никакого отношения или что поле пароля не используется для целей аутентификации. Как-нибудь отметьте это как таковое. Или вставить какой-нибудь невидимый элемент между этими двумя полями?

Есть идеи?

Используемая разметка:

<input id="phone" name="phone" type="text" value="" maxlength="30">
<input id="newPassword" name="newPassword" type="password" value="" maxlength="20">

Я получаю такое поведение в Chrome, FF, (не уверен насчет IE, получил архаичную версию этого на моем компьютере , даже не хочу пока беспокоиться об IE.)