Форма укладки, что хорошо

Question

В последнее время я делаю новое приложение и использую тонну форм. Все хорошо, за исключением того, что форма не очень хороша. С тех пор, как я запретил использовать <table> для макета, мои коллеги боятся использовать <tables> все вместе.

Теперь мне было интересно, как вы, ребята, стилизуете свои формы. Если есть хорошие статьи, которые вы знаете о дизайне форм. И, может быть, даже более важные вопросы: используются ли таблицы для стилизации форм в наши дни или нет?

Спасибо!

Редактировать: Я привел пример моей проблемы, не используя <table> s: http://pastebin.me/c73c128eb67172991f728fbdd902a40e - Посмотрите, как эти два ярлыка не имеют одинаковый размер. Настройка ширины с помощью CSS будет работать, но она не будет динамической, что станет проблемой в будущем.

Answer 1

Я все еще предпочитаю использовать <table> для создания форм.Но если условие таково, что вы хотите его избежать, вы можете попробовать макет сетки (960.gs).Помимо макета сайта, он может использоваться для других целей, таких как таблицы, ротаторы, элементы содержимого в штучной упаковке и т. Д.

Answer 2

Таблицы должны использоваться для табличных данных и ничего больше.

Я склонен использовать что-то похожее на следующее

<form>
  <fieldset>
    <label>Input one</label>
    <input type="text" />
  </fieldset>
  <fieldset>
    <label>Input one</label>
    <input type="text" />
  </fieldset>
</form>

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

Конечно, будучи CSS, вы можете изменить стиль в wim!

Пример: http://jsfiddle.net/UQYrg/

Answer 3

Использование таблиц для дизайна форм это хорошо.Вы можете предложить своим коллегам использовать их при необходимости для форм.Таблицы дают вам больше контроля над дизайном и могут работать хорошо для cross-browser

Answer 4

Я недавно прочитал довольно хорошую статью, связанную со стилем форм.Вы должны попробовать:

http://www.sitepoint.com/style-web-forms-css/

РЕДАКТИРОВАТЬ:

О, и я забыл сказать, не бойсяиспользования таблиц, когда вам нужно создавать формы.

Answer 5

посмотрите здесь ...

http://whospent.com/login.php

Я был бы готов объяснить, если коды там ни о чем не говорят.