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

Question

[Semmy_99]

Ребят,подскажите как сверстать такую форму ?

Ширина формы 616px ,высота 266px.
Часто встречаются когда элементы формы стоят на одной строке.
Как правильнее будет сверстать такого рода форму тем самым уменьшить код при адаптации?
Как лучше задать фиксированную ширину форме или элементам ?
Вот начальные наброски

Answer 1

[Сергей Горячев]

Как лучше задать фиксированную ширину форме или элементам ?

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

Дальше справишься.
https://jsfiddle.net/webirus/ypukanb2/

Comments

[Иван Вишневский]

background инпутов здесь transparent.

[Сергей Горячев]

forgetable: А ну да, мне показалось, что там темнее.

[Сергей Горячев]

forgetable: Хотя rgba(0,0,0,0) тоже сработает %)))))

[Semmy_99]

Sergey Goryachev: можете подсказать почему border-callapse Не срабатывает ? https://codepen.io/jackAzizov/pen/NpEyqP