Как сделать сдвигающийся при фокусе placeholder?

Question

[Михаил]

Как сделать, чтобы при клике по текстовому полю placeholder сдвигался вверх?

Answer 1

[Никита]

это не плейсхолдер, а label, просто он абсолютный, при фокусе на инпут дописаны стили, что он перемещается вверх.

По верстке, сначала input затем label.
По css input + label, input:focus + label

Селектор примерно такой

select:required:valid ~ label, 
select:optional ~ label, 
input[type="email"]:required:focus ~ label,
input[type="email"]:optional:focus ~ label, 
input[type="email"]:required:valid ~ label, 
input[type="text"]:required:focus ~ label, 
input[type="text"]:optional:focus ~ label, 
input[type="text"]:required:valid ~ label, 
input[type="text"]:optional ~ label

Comments

[Михаил]

Нет, там именно placeholder. Вот отсюда взято (в конце страницы) https://tmtm.ru/services/content/

[Максим Тимофеев]

Михаил, нет там именно label, ну или div (не принципиально), чудес не бывает

просто он создается в момент клика через js

Answer 2

[Alexander Pushkarev]

Это блок обычный.