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

Плейсхолдер, прописанный для 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>

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