Источник: WebForMyself.com Поле ввода в HTML простое, мощное и выполняет то, для чего предназначено. Имея более 30 вариантов атрибутов, input является одним из самых надежных HTML-тегов. Поскольку пользователи постоянно взаимодействуют с полями на странице, прилагается много усилий, чтобы сделать их привлекательными и простыми для взаимодействия, но многое может пойти не так. Базовая разметка Хорошее практическое правило и на самом деле лучшая практика CSS — всегда добавлять метки. В этой статье...

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