Placeholder для поля типа password

12.10.2016 | Написал

Плейсхолдер, прописанный для input с типом password будет показываться звездочками. Это, мягко говоря, не совсем то, что требуется от плейсхолдера — сделать подсказку о назначении этого самого поля. Эту ситуацию можно исправить простым javascript.

Добавляем вот такой скрипт:

<script type="text/javascript">
function myPlaceholderPassword() {
    var x = document.getElementById("loginpassword").placeholder;
    document.getElementClassName("loginform").innerHTML = x;
}
</script>

Сам input должен быть с ID «loginpassword» и быть завернутым в блок с классом «loginform», например, вот так:

<div class="loginform">
...
<input class="form-control" id="loginpassword" type="password" name="password" placeholder="Пароль">
...
</div>

После этого наш плейсхолдер будет отображаться не звездочками, а обычным текстом.

Метки: ,
Комментарии читателей статьи "Placeholder для поля типа password"

Нет комментариев.

Добавить комментарий

Ваш e-mail не будет опубликован.