Таблицы HTML и списки для ввода формы - PullRequest
4 голосов
/ 19 октября 2011

Все знают, что вы должны использовать таблицы только для семантических целей, для разметки табличных данных.

Я лично использую упорядоченные списки для разметки входных данных.

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

Я думаю, что это верно только в очень специфических обстоятельствах, когда введенные данные будут естественно выводиться / представляться в виде таблицы. Однако я предполагаю, что у этого есть недостаток, который делает (очень полезный) тег label избыточным, поскольку теги table th должны (теоретически) представлять заголовки столбцов.

Полагаю, я пытаюсь сказать, что у табличных форм есть свои недостатки, но мне было бы интересно узнать, что сообщество думает о плюсах и минусах использования списков и таблиц для входных данных.

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

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

-Спасибо Алекс.

Ответы [ 2 ]

5 голосов
/ 19 октября 2011

Мое правило : если оно имеет сеткообразные свойства, а строки и столбцы содержат логически связанные данные , то это таблица.

2 голосов
/ 19 октября 2011

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

примеры

http://www.red -team-design.com / как создать прохладный и удобный для использования css3-search-box http://line25.com/wp-content/uploads/2011/form/demo/index.html с моей головы. они даже не реализуют минимальные элементы управления / элементы. нужен набор полей, метка и легенда

...