Я сейчас пишу форму авторизации на сайте. Требуется, чтобы форма была компактной, а метки помещались в качестве заполнителей / водяных знаков внутри полей электронной почты и пароля.
HTML5 вводит атрибут placeholder, но он не очень хорошо поддерживается. Поэтому я рассмотрел ряд плагинов jQuery, которые добавляют функциональность заполнителя в браузеры, которые изначально не поддерживают его.
Но ... ни один из них не работает с паролями, сохраненными в браузере.
Проблема обычно возникает, когда пользователь сохранил два или более логинов / паролей. Затем при выборе одного из их логинов происходит одно из следующих действий:
1) Пароль вставляется за заполнителем, а заполнитель по-прежнему отображается. Пользователь может подумать, что его пароль не введен.
2) Пароль вставляется за заполнителем, и теперь он показывает точки пароля и заполнитель друг над другом. Смущает и уродлив.
3) Пароль вставляется в виде пустого текста в заполнитель и редактируется в виде обычного текста (yargh!)
Насколько я понимаю, причина проблемы в том, что при вставке сохраненных имен входа браузер не запускает никаких событий.
Кто-нибудь знает какой-нибудь изящный Javascript, который не ломается, когда пользователь сохранил более одного логина?
Или это правда, что никто не решил эту проблему? (крайне маловероятно)
Спасибо.