Как сделать такой placeholder?

Question

[Nohaga]

Вот дизайнеру приспичило так нарисовать. Можно конечно звёздочку сделать абсолютным позиционированием, только если в неё кликнут то форма не активируется. Как нибудь вообще так можно сделать?

Comments

[tyzberd]

Можно конечно звёздочку сделать абсолютным позиционированием, только если в неё кликнут то форма не активируется.

pointer-events: none;

Answer 1

[Шохрух Шаймардонов]

Answer 2

[Froggyweb]

Можно конечно звёздочку сделать абсолютным позиционированием

Ужас. А если текст изменится?
Это все делается через label
в сss input:focus + label display: none или еще что-то если анимировать надо

Comments

[Nohaga]

можете показать пример? не понял в чём смысл, текст прямо внутри Input если лабел туда запихать чем это поможет?

[Froggyweb]

примерно так
https://css-tricks.com/float-labels-css/