Создание хорошей формы на сайте является достаточно сложным заданием. Элементы формы должны быть достаточно большими, чтобы пользователь мог рассмотреть и отредактировать данные без лишних неудобств.
Хорошо сбалансированные формы обычно выравниваются по левому краю и небольшие элементы формы имеют достаточно много свободного пространства справа.
Сегодня я хочу привести пример реализации так сказать “резиновой” формы с использованием CSS и HTML, который может быть полезен другим разработчикам.
Данный пример описывает форму, которая будет растягиваться и сжиматься в зависимости от доступного ей места тем самым позволяя разработчику строить формы из нескольких колонок а пользователю менять размеры окна браузера и размеры шрифтов не коверкая общую структуру формы.
Пример кода CSS который использовался в данной форме.
Не плохой пример, но не стоит забывать о том чтобы формы не выглядили корявенько их придеться подогнать руками :)
Максим - 19-08-08 16:08:30
Достаочно приемлимо.
Непонятно зачем for='field?'.
Учим W3C - ошибки, в частности для одиночного тега: не а
А так радует.
Артём Курапов - 9-04-08 21:04:14
Хороший пример, взял на вооружение. Единственно что мне сейчас мешает так это то что у value стоит inline, а когда его убираешь внутрь добавляешь несколько элементов, то они начинают вокруг оплывать плавающий слева label..
Написать комментарий
ВНИМАНИЕ: Все поля необходимо заполнить
Контакты
Моб. тел.: 8-097-99-22-00-6 E-mail:tarasishe@gmail.com Портфолио работ:http://mij.org.ua/ Деятельность: Создание сайтов, сайтов - визиток в Харькове, поддержка и размещение в Интернет.
КОСТ - 10-12-08 17:12:20
Не плохой пример, но не стоит забывать о том чтобы формы не выглядили корявенько их придеться подогнать руками :)