Как вставить в border текст при клике на css?
это не плейсхолдер, а 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
Это блок обычный. 