Как изменить стили текста, если в поле input введён текст?

Question

[Pavel_Proca]

Есть простой код. При нажатии на input, его label меняет позицию, переходя вверх. Нужно, что бы после того как в input ввели текст, его label остался на том же месте, то есть вверху. А если текст не ввели, label успешно спускался обратно. Испробовал различные псевдоклассы, но не помогло. Возможно, это у меня руки из одного места )
Вот код:

<div>
<input type="text" id="name">
<label for="name">Your Name</label>
</div>

label {
  position: absolute;
  top: 2%;
  left: 3%;
}
input:focus + label {top: -1%;}

Answer 1

[Tenebrius]

Только через JS
stackoverflow.com/questions/3617020/matching-an-em...

Answer 2

[ccharmai]

Можно, но с небольшим костылем. К input надо добавить required, а в css - input:valid