Задать вопрос
jack_azizov
@jack_azizov
html

Как сверстать форму?

Ребят,подскажите как сверстать такую форму ?
1c314ebefab24b629b7e3ab5871bb7ff.jpg
Ширина формы 616px ,высота 266px.
Часто встречаются когда элементы формы стоят на одной строке.
Как правильнее будет сверстать такого рода форму тем самым уменьшить код при адаптации?
Как лучше задать фиксированную ширину форме или элементам ?
Вот начальные наброски
  • Вопрос задан
  • 223 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Как лучше задать фиксированную ширину форме или элементам ?

Не стоит, если нужна адаптивная.
Используй width: 100%; max-width: 616px;
с высотой примерно также min-height: 266px;
Input'ы обернуть в дивы лучше всего, чтобы выводить ошибки.
background самих input через rgba, чтобы прозрачности добавить transparent.

Дальше справишься.
https://jsfiddle.net/webirus/ypukanb2/
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Дизайн личного кабинета (клиентская часть)
23 апр. 2024, в 22:37
500 руб./в час
Скрипт для Solana быстрый
23 апр. 2024, в 22:33
25000 руб./за проект
Ещё заказы