Задать вопрос
@DmitriySwan
верстка

Как сверстать такой инпут?

5b1b91962bfff033085043.png
  • Вопрос задан
  • 189 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
Решения вопроса 1
Ankhena
@Ankhena Куратор тега Вёрстка
Нежно люблю верстку
input и его абсолютно позиционированный label и все это обернуто в div.
Либо снаружи label, а внутри span.
Писать "email adress ..." в псевдоэлемент не целесообразно.

Типа того: https://jsfiddle.net/m7hcbdrj/ цвета, отступы измените, как вам надо
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
usdglander
@usdglander
Yipee-ki-yay
Эм... Стилизовать fieldset?
Ответ написан
Комментировать
Комментировать
zorro76
@zorro76
завернуть input в div и к нему уже применять псевдоэлементы для отображения подписи сверху
Ответ написан
Комментировать
Комментировать
@maxsnw
div>span+input и позиционируй как хочешь, либо лейбл вместо спана
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack-разработчик сайтов laravel
WEB ALTERNATIVE
от 65 000 ₽
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Фронтенд разработчик (Frontend developer)
Айдис
от 100 000 ₽
Ещё вакансии