Показываем пароль в поле ввода

Как вы знаете в поле ввода пароля, всё прячется под звёздочками или точками. С позиции безопасности, это конечно правильно. Но ведь в основном мне не надо прятать свой пароль от любопытных глаз и это создаёт небольшие неудобства, т.к. я не вижу что ввожу. Проблемы с раскладкой, опечатки и с этим сталкивался наверное каждый. Поэтому мы немного позаботимся о пользователе добавив скрипт, который показывает или скрывает вводимый пароль.
Итак приступим
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. , распаковываем и заливаем файл jquery.passEye.js в папку /JS/ вашего шаблона, а файл passEye.png в папку /images/.
2. Перед закрывающим тегом /body подключаем наш скрипт:

<script type="text/javascript" src="{tpl_url}/js/jquery.passEye.js"></script>

/* PassEye */
.passEye {position:relative;display:inline-block;}
.passEye input {padding-right:35px;}
.passEye input::-ms-reveal, .passEye input::-ms-clear {display:none}
.passEye .eye {position:absolute;right:10px;top:50%;margin-top:-4px;display:block;height:10px;width:18px;background:url(../images/passEye.png) no-repeat left 2px;cursor:pointer;}
.passEye .openEye {background-position:left bottom;}

<span class="passEye"> тут ваш input </span>

Можешь почитать и вот эту статейку "Замена ссылок для скачивания на изображения"