Как оформить страницу aspx, которая выглядит как бумажная форма?
Я разрабатывал настольные приложения, поэтому мой aspx/html немного заржавел. Что мне нужно сделать, так это разметить страницу aspx с полями, которые выглядят примерно так (полей много, это просто абстракция):
По сути, элементы выглядят так, как будто они в строках, но не в отличительных столбцах (например, в моем примере название улицы не обязательно должно совпадать с номером улицы и т. Д.)
Я хочу добиться максимальной совместимости с браузерами - что лучше всего использовать для этого сценария? Таблицы, элементы списка... divs? что-то другое?
Я использую aspx C# 4.0.
2 ответа
Вот не табличный пример:
Общепринято, что table следует использовать для отображения данных в табличном формате, а не для размещения форм.
На практике я думаю, что иногда проще использовать таблицы для форм, но обычно это происходит, когда ваша форма выглядит как табличные данные (например, один столбец для меток, другой для входных данных).
В вашей ситуации, я думаю, использование div на самом деле проще, чем таблицы. Вероятно, для правильной работы потребуется много таблиц rowspan/colspan/nested.
Другое преимущество использования макета на основе CSS над таблицами состоит в том, что порядок вкладок, вероятно, будет более понятным. В этом примере обратите внимание, как вкладка проходит через первый столбец, а затем второй. В таблице он будет проходить через каждый вход в данной строке, прежде чем перейти к следующей строке.
Как насчет таблицы с 4 рядами и 7 столбцами
и использовать соответствующие colspan для лучшего выравнивания.