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"

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

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

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.