Форма входа в HTML: введите имя пользователя, пароль автозаполнения - PullRequest
5 голосов
/ 19 апреля 2011

Мне нужна форма входа в систему, где мне просто нужно указать свое имя пользователя, потому что она запомнит мой пароль и автоматически заполнит поле пароля (например, как в gmail auth).

Как мне этого достичь?

спасибо

Luca

Ответы [ 3 ]

5 голосов
/ 19 апреля 2011

Этот тип поведения обычно определяется браузером. Однако есть несколько способов улучшить это поведение.

Убедитесь, что вы используете описательные имена для своей формы

<label for="username">Username</label><input type="text" name="username" />
<label for="password">Password</label><input type="password" name="password" />

Использование этих имен может реально изменить ситуацию. Я, например, использую браузер Opera, и в своих настройках я установил несколько значений. Например, «имя», «адрес», «номер телефона». И Opera будет искать поля с эквивалентными именами, и я могу позволить Opera заполнить их для меня.

Следующие две вещи поддерживаются только в Internet Explorer, и я бы ни за что не советовал их реализовывать, не задумываясь об этом

Я имею в виду, я думаю, это не вредно для их реализации. Это просто дает немного больше поддержки пользователям Internet Explorer, но я бы не стал полагаться на них

Также Internet Explorer поддерживает атрибут с именем autocomplete, с помощью которого вы можете контролировать, должен ли IO автоматически завершать input. Вы можете использовать его следующим образом

<input type="text" name="username" autocomplete="on" /> <!--Enabled-->
<input type="text" name="username" autocomplete="off" /> <!--Disabled-->

Кроме того (я думаю, что только для IE) поддерживается vCards. Вы можете добавить атрибут VCARD_NAME, и он позволит браузеру заполнить соответствующее значение vCard. Например

<input type="text" name="email" VCARD_NAME="vCard.Email" />
0 голосов
/ 10 июня 2019

Примечание для людей, чтобы они не бились головой об стену: Chrome не будет сохранять и предлагать пароли на ненадежных сайтах.

Таким образом, если вы тестируете на локальном сервере по адресу https://localhost и не создали действительный и доверенный сертификат, вы не сможете протестировать эту функцию Chrome.

0 голосов
/ 19 апреля 2011

Gmail не выполняет автозаполнение вашего пароля, это делает ваш браузер.

Что может помочь в использовании чего-то вроде LastPass , но вам нужно оставить его для отдельных пользователейили не хотят, чтобы их пароль запомнили.

...