jQueryFormStyler icon indicating copy to clipboard operation
jQueryFormStyler copied to clipboard

input[type="password"]

Open yunusga opened this issue 8 years ago • 1 comments

input[type="password"]

2017-04-18_13-02-51

Опции:

  • passwordShow - текст переключателя "Показать" (доступна для локализации)
  • passwordHide - текст переключателя "Скрыть" (доступна для локализации)
  • passwordSwitchHtml - html код для переключателя состояний

Пример

Использование опции passwordSwitchHtml с подключенным Font Awesome

$('input, select').styler({
    passwordSwitchHtml: '<i class="fa fa-eye" aria-hidden="true"></i><i class="fa fa-eye-slash" aria-hidden="true"></i>'
});
.jq-password .fa {
    display: hidden;
}

.jq-password .fa-eye {
    display: block;
}

.jq-password_seen .fa-eye {
    display: none;
}

.jq-password_seen .fa-eye-slash {
    display: block;
}

yunusga avatar Apr 18 '17 08:04 yunusga

Благодарю, перенёс в форк: JQueryFormStyler-Modern. Правда с небольшими изменениями.

ange007 avatar Apr 26 '17 11:04 ange007