Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Кнопка скрытия/отображения пароля. Как сделать?

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


     07.02.2015    Все вопросы » Общие вопросы    3265

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

Ответил: 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
Гости

LafLer - 7 февраля 2015 11:55 -

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

Sander
Эксперт

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
Юзер

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

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

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

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

наверх