Как я могу написать свою HTML-форму входа в систему, чтобы явно включить LastPass?

Как я могу написать свою HTML-форму для входа, чтобы гарантированно работать с LastPass или, по крайней мере, сделать ее максимально возможной? Некоторым сайтам для правильной работы с LastPass требуется «Сохранить все введенные данные», но как разработчик сайта я ищу что-то получше. Что мне нужно сделать, чтобы режим LastPass по умолчанию («Сохранить сайт») работал как можно безупречно? Я не могу найти никакой официальной документации или даже хороших сообщений в блогах с предложениями, но это определенно ответит на мой вопрос. Как выглядит идеальная или хотя бы эмпирически успешная разметка?

Дополнительная заслуга (1) доказательств и / или (2) стратегии, которая работает с несколькими менеджерами паролей.


person Will    schedule 20.08.2014    source источник
comment
Думаю, вам следует использовать общие имена для входных данных, например username и password  -  person feeela    schedule 21.08.2014
comment
@Will Комментарий из официального заявления поддержки также должен быть реальным ответом, включая пример кода.   -  person Volker E.    schedule 22.08.2014
comment
Добавлен ответ @VolkerE.   -  person Will    schedule 22.08.2014


Ответы (2)


Я думаю, что большинство менеджеров паролей пытаются понять, для чего предназначено поле ввода, исследуя атрибут name и css class / id. Я пытаюсь дать своим входам имена, которые используются людьми, например имя пользователя, пароль, город, примерно так. Для большинства менеджеров паролей это сработало. Кажется, это тоже понимает менеджер Chrome.

person Reflic    schedule 20.08.2014
comment
Спасибо @Reflic. Основываясь на эмпирическом тестировании, имя (и, возможно, идентификатор), кажется, имеет большее значение, чем класс. Если у вас есть альтернативное имя, такое как адрес электронной почты, LastPass не может распознать его независимо от класса. Так что <input name="username"... кажется достаточным и, вероятно, необходимым. Я бы рекомендовал <input name="username" class="username" id="username"... и <input name="password" class="password" id="password" type="password"..., если разработчики могут контролировать все эти атрибуты. - person Will; 21.08.2014

Наконец-то нашел официальное заявление о поддержке. Отрывок:

<form action="https://mypage.com/blah" method="post">
  <input type="text" name="username" id="username" value=""/>
  <input type="password" name="password" id="password" value=""/>
  <input type="submit" value="LOGIN"/>
</form>

Этот тесно связанный вопрос также действительно полезно для общих советов по всем менеджерам паролей.

person Will    schedule 21.08.2014
comment
Кстати, логин должен быть написан как «Логин», так как вы должны заботиться о стилях с помощью CSS. Спасибо за ответ! - person Volker E.; 22.08.2014
comment
Для формы для изменения существующего пароля: мне пришлось установить имя существующего пароля на old_password, а затем новый пароль и пароль подтверждения могут быть любыми. (YMMV) - person Redzarf; 22.01.2016