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

Question

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

Когда я отправляю форму, браузеры предлагают возможность сохранить учетные данные пользователя.Но они предлагают телефон пользователя в качестве имени пользователя, вероятно, потому что он отображается перед полем пароля.

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

Вот мой текущий код:

<div class="ui-g-12 ui-md-4">
    <h:outputLabel value="Login document *" styleClass="labelFormGrid" />
    <br />
    <p:inputMask id="cpf" style="width:100%" required="true"
        mask="9?9999999999" maxlength="11"
        slotChar="" placeholder=""
        readonly="#{method1}"
        value="#{myvalue}">
    </p:inputMask>
</div>
<div class="ui-g-12 ui-md-8">
    <h:outputLabel value="Full name *" styleClass="labelFormGrid" />
    <br />
    <p:inputText id="name" style="width:100%" required="true"
        value="#{othervalue}" />
</div>
<div class="ui-g-12 ui-md-8">
    <h:outputLabel value="Email *" styleClass="labelFormGrid" />
    <br />
    <p:inputText id="email" style="width:100%"
        value="#{value3}" required="true" />
</div>
<div class="ui-g-12 ui-md-4">
    <h:outputLabel value="Phone *" styleClass="labelFormGrid" />
    <br />
    <p:inputMask id="phone" style="width:100%"
    value="#{value4}" mask="(99) 99999-9999"
    required="true" />
</div>
<div class="ui-g-12 ui-md-6">
    <h:outputLabel value="Pwd *" styleClass="labelFormGrid" />
    <br />
    <p:inputText type="password" id="senha1" style="width:100%"
        value="#{pwd1}" />
</div>
<div class="ui-g-12 ui-md-6">
    <h:outputLabel value="Repeat pwd *" styleClass="labelFormGrid" />
    <br />
    <p:inputText type="password" id="senha2" style="width:100%"
        value="#{pwd2}" />
</div>

Answer 1

Вы можете попытаться присвоить "username" в качестве значения автозаполнения тега ввода.

<input type="text" autocomplete="username" />

Вы можете сделать то же самое для телефонных номеров и других типов.См. https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Values для справки.