Подробно рассказываем, почему плейсхолдеры — зло и как лучше работать с иконками и формами для введения данных на сайте. Например, при помощи лейблов — подсказок, находящихся над формой, которую заполняет...

Сегодня мы разберём вариант кастомного placeholder. Часто бывает что в дизайн макетах обязательные поля имеют звёздочку с цветом отличным от цвета текста самой подсказки. Что в итоге мы хотим получить: Штатными средствами браузера покрасить такие звёздочки не является возможным. Но мы можем немного схитрить и подменить placeholder на свой блок, полностью заменяя его. Прежде чем начнём разбираться что тут и как происходит, посмотрим на пример: https://codepen.io/JustRideK/pen/pGQYzw Для начала разберём html разметку 1...