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 адреса не оприлюднюватиметься.

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.