Как стилизовать лейбл для input?

Question

[jack iakovenko]

всем привет
хочу сделать инпут и лейбл для импута точно также как на скриншотак,может ктонибудь помочь?
на первом снимке надпись лейбла state находиться в инпуте а при клике в инпут надпись лейбла уходит вверх как на второй картинке

Comments

[Ankhena]

Абсолютное позиционирование и анимация положения и размера шрифта. Или без анимации.
У лейбла белый фон.
Доработайте под свои стили https://jsfiddle.net/Ankhena/kfgz9rno/

Answer 1

[exxxt4zy]

Посмотри этот сайт, откуда ты скрин сделал. Исходный код проверь (CSS)
F12

Comments

[jack iakovenko]

https://www.nike.com/member/settings/

вот источник но там полная каша,ваще не понял что где и как
у меня структура кода такая :

<from class="form">
     <div class="form__email">
       <label for="">E-mail</label>
       <input type="email" required name="email" placeholder="E-mail">
     </div>
   </from>