Как сделать нестандартный плейсхолдер?

Question

[pchela95]

подразумеваю, что цвета разные у текста - от
и числа

или это вовсе не плейсхолдер? а что тогда? лейбл?

Comments

[Mesuti]

Уточните, где нашли этот пример? если это не дизайн, а сайт, то через консоль можно проверить что это.
Но так как у Placeholder ограниченные возможности, то это скорее всего наложение стилизованных соседних блоков

[pchela95]

Mesuti, дизайн

[Mesuti]

pchela95, тогда это общий div, внутри которого есть блок с текстом ОТ, затем бесцветный input и далее блок с текстом 500, который имеет абсолютно позиционирование и который убирается по клику и исчезает при наличии значений в input.
Это в двух словах)

[Антон Литвиненко]

контекста бы...

[pchela95]

Антон Литвиненко,

[Антон Литвиненко]

pchela95,
Ну как бы да. тут косяк дизайна. делаешь обертку с позишн релатив, в ней лейба ОТ и инпут с паддингом слева. Лейбу абсолютом в инпут и на всякий случай ей pointer-events: none;