Как отображать placeholder над полем после его заполнения?

Question

[izmailovalber]

Доброго времени суток!
Подскажите, возможно у кого-то есть готовое решение, как при вводе текста в поле placeholder отображать над полем?

Answer 1

[Владимир Проскурин]

Есть простой способ с использованием required и :focus :valid

https://jsfiddle.net/Vlad_IT/htqg5j0b/2/

Answer 2

[Юпитер Макс]

тут

Answer 3

[Somewhere Intech]

<span></span><br>
<input type="text" class="responsiveInput" placeholder="Enter something"></input

document.getElementsByClassName("responsiveInput").oninput = function(){
    this.previousSibling.innerText = this.value !== '' ? this.placeholder : '';
}

Текст появится в span выше.