Каковы последние достижения в разработке форм на основе CSS?

Question

У меня есть несколько лет опыта в разработке веб-приложений, но до этого момента, для разработки формы в CSS, я открывал текстовый редактор и начинал писать код. Это работает для меня, но в конечном итоге отнимает много времени, если мне приходится создавать большие формы (например, мастера). Итак, вопрос для всех гуру здесь: какой самый быстрый способ создать CSS-формы, которые выглядят достаточно прилично?

PS: я не ищу полностью автоматизированные способы. Я ищу только то, что способно создать читабельный код CSS, в который я мог бы покопаться и играть дальше.

Answer 1

Я знаю, что вы сказали, что не искали полностью автоматизированные способы, но если вы хотите быстро создавать формы без написания большого количества кода, вы можете попробовать один из этих онлайн-конструкторов форм - вы можете настроить окончательный вариантНаценка, которая производится.

• Wufoo

• Форма стека

С точки зрения создания собственных форм с нуля: я бы порекомендовал обернуть входные данные формы в другие элементы, которые вы можете использовать для создания правильного выравнивания поля и метки.Мне нравится помещать свои входные данные формы в список определений, таким образом, каждая метка может быть

, а каждый входной элемент может быть заключен в - тогда dt может быть плавающим влево, делая хорошее выравнивание.

Также стоит подумать, если вам не нужно фокусироваться на старых браузерах, - это все классные вещи, которые вы можете добавить в формы благодаря HTML5 и CSS3 .

Answer 2

Грид-система 960 в последнее время кажется довольно популярной для компоновки на основе CSS. http://960.gs/

Это один из лучших туториалов, которые я видел по этому вопросу: http://sixrevisions.com/web_design/the-960-grid-system-made-easy/

Он имеет семантику понятий вокруг имен классов и задокументирован, так что ваши товарищи по команде могут учиться самостоятельно или, возможно, уже знают это.