Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Кнопка скрытия/отображения пароля. Как сделать?

Кнопка скрытия/отображения пароля. Как сделать?


     07.02.2015    Общие вопросы    1987

вопрос
при нажатии на кнопку возле пароля, пароль становится видимым, как сделать?

Ответил: FastFud


Пример:
HTML
<input type="text" value="password">
<button>Скрыть пароль</button>

jQuery
$('button').click(function(){
    var type = $('input').attr('type') == "text" ? "password" : 'text',
        c = $(this).text() == "Скрыть пароль" ? "Показать пароль" : "Скрыть пароль";
    $(this).text(c);
    $('input').prop('type', type);
});

Комментарии пользователей (3)

LafLer
43 | 3

LafLer - 7 февраля 2015 11:55 - Гости

Спасибо за ответ, а как мне сделать картинкой?

Sander
1126

1638 | 1204

Sander - 7 февраля 2015 14:52 - Эксперт

<input type="password" value="password"><img src="..." class="showpass" />

$('.showpass').click(function(){
    var type = $('input').attr('type') == "text" ? "password" : 'text';
    $('input').prop('type', type);
});

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

FastFud
50

1599 | 588

FastFud - 7 февраля 2015 12:44 - Юзер

Спасибо за ответ, а как мне сделать картинкой?
По подробнее можно ?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы