Как получить информацию о заполненности элемента input?

Question

[PGdisco]

Экспериментирую с CSS на сайте, при фокусе инпута, лейбл "Пароль" уменьшается и поднимаеться над строкой открывая тем самым место где после печатается текст. Но после "разфокусировки" инпута заголовок возвращается на свое место тем самым перекрывая введенные символы. Нужно что бы при заполненном поле инпут, примененные стили к лейблу оставались активными.

:focus

<input id="pass" type="text" class="add-input" name="pass">
<label for="pass" class="add-label">Пароль</label>

Comments

[DevMan]

Каким боком тег РНР к вопросу?

Answer 1

[Danila]

https://codepen.io/DNLHC/pen/RVEgMM

Answer 2

[profesor08]

https://jsfiddle.net/profesor08/xvtjqqsn/

input:focus + label {
  // правила, когда фокус на поле
}