Как сделать, что бы по клику на инпут, плейсхолдер плавно перемещался вверх?

Question

[MegaPuxapb]

Как на яндексе, при регистрации почты.

Answer 1

[Талян]

Настоящий плейсхолдер исчезает из инпута при набивке текста, значит это реализовано не плейсхолдером, а псевдо плейсхолдером:

Изначально в инпуте висит span с отрицательным margin-bottom, который при событии клика по инпуту - ползёт вверх с помощью скрипта, ну или может быть CSS-transform

Answer 2

[coderisimo]

Вот примеры, которые мне кажутся симатичными.

https://codepen.io/paulrose/pen/mEGLg
https://codepen.io/vitor_faiante/pen/ogWLrw
https://codepen.io/asimanov/pen/dPrwqr

если нужно что-то большее, можно использовать какую-нибудь материал бибилиотеку. Их не мало )

Comments

[MegaPuxapb]

спасибо!)

[coderisimo]

удачи )