0

我使用 ASP.NET。到目前为止，我一直使用表格来输入它们，并且看起来都很好看。但不久前我读到桌子不是为了那个。所以，我想知道，在我的网络表单上放置输入字段的正确方法是什么，但仍然让它们看起来不错，即左对齐控件旁边的右对齐标签，每行可能不止一个，并且下一行，标签和控件与前一个控件对齐。

我唯一能想到的是每个标签/控件一个 div，但这感觉很奇怪......

另外，我的控件应该在<form>标签内吗？我从来没有用过它们。

4

4 回答 4

2

在有意义的时候使用表格。具有一列标签和一列输入的表单非常有意义。

老实说，我认为整个“无表布局”运动已经成为一种时尚。我见过人们花费无数时间试图用不同的 HTML 标签重新创建一个表结构，只是说“他们没有使用表”。这很愚蠢，为什么要重新创建已经可以正常工作的东西？

当您开始使用表格布局页面时，使用表格就会出现问题。例如：

不要这样做

<body>
    <table>
        <tr class="header"><td><!-- header content --></td></tr>
        <tr class="content"><td><!-- page content, possibly with a two column table for sidebar --></td></tr>
        <tr class="footer"><td><!-- footer content --></td></tr>
    </table>
</body>

然而，使用表格来构建表格是非常有意义的。

是的，与您的表单相关的所有控件都应该在form标签内。

于 2012-05-10T14:46:34.547 回答
1

使用表格来定位项目并没有错。你也可以使用 CSS 来定位，但是你必须处理跨浏览器的支持。就个人而言，我使用表格来处理这种事情。

于 2012-05-10T14:21:55.643 回答
0

表格只能用于在网页上显示表格数据。它们不应该用于布局。

相反，您应该使用 div 标签来布局页面的不同元素。例如：

<div class="Labels">
    <label for="FullName">Name: *</label>
</div>
<div class="Fields">
    <input class="text" type="text" name="FullName" id="FullName" />
</div>

然后，您应该使用 CSS 进行页面布局，以将各种元素放置在页面上您想要它们的位置，并将元素彼此并排放置等。

如果您不熟悉使用 CSS 进行布局，请考虑使用 CSS 浮动。

于 2012-05-10T14:36:16.553 回答
0

我认为您要问的内容与编写语义 HTML有关。<TABLE>标签最初用于呈现表格数据，但被选为在一般布局中使用。这种情况一直持续到今天，尽管 HTML 和 CSS 已经发展为拥有更多的布局选项。

表格对于我们来说很容易理解，具有固定的网格布局。浮动可能需要更多的工作才能理解。

没有对错之分，但许多人为了编写更多语义 HTML，会<ul><li>在输入周围使用标签，因为表单输入在某种意义上可以被视为列表。

关于<FORM>标签的使用，随着现在 AJAX GETS 和 POSTS 的流行，您并不总是需要它们，但我通常将它们包括在内，这既是为了为后续开发人员制作更多语义代码和提高清晰度的一种手段，但作为一个要使用的容器，这样当我需要使用 jQuery（或您选择的库）选择器时，我可以处理子输入。

于 2012-05-10T14:28:19.563 回答