Чем лучше сверстать такие элементы?

Как лучше разместить иконку и кнопку в форме? label или просто абсолютным позиционированием?введите сюда описание изображения


Ответы (1 шт):

Автор решения: Pavel Grishaev

Тег label служит для описания поля. У вас эту роль уже плейсхолдеры выполняют.

Так как иконка - это стилизация в данном случае, то можно сделать абсолютный ::before с иконкой на фоне, и не делать никакие элементы.

Кнопку нужно делать кнопкой. Тег button с маргином типа 30px auto -30px (отрицательный снизу для съедания места под кнопкой) и бордером_или_тенью под цвет фона.

→ Ссылка