Создание хорошей формы на сайте является достаточно сложным заданием. Элементы формы должны быть достаточно большими, чтобы пользователь мог рассмотреть и отредактировать данные без лишних неудобств.
Хорошо сбалансированные формы обычно выравниваются по левому краю и небольшие элементы формы имеют достаточно много свободного пространства справа.
Сегодня я хочу привести пример реализации так сказать “резиновой” формы с использованием CSS и HTML, который может быть полезен другим разработчикам.
Данный пример описывает форму, которая будет растягиваться и сжиматься в зависимости от доступного ей места тем самым позволяя разработчику строить формы из нескольких колонок а пользователю менять размеры окна браузера и размеры шрифтов не коверкая общую структуру формы.
Пример кода CSS который использовался в данной форме.
Хороший пример, взял на вооружение. Единственно что мне сейчас мешает так это то что у value стоит inline, а когда его убираешь внутрь добавляешь несколько элементов, то они начинают вокруг оплывать плавающий слева label..
Артём Курапов - 9-04-08 21:04:14
Хороший пример, взял на вооружение. Единственно что мне сейчас мешает так это то что у value стоит inline, а когда его убираешь внутрь добавляешь несколько элементов, то они начинают вокруг оплывать плавающий слева label..