ASP.NET 无表 css 表单

Question

我必须在 ASP.NET 中创建一个 Web 表单。

这是我的 HTML:

<form id="form1" runat="server">
<div>
    <asp:Label ID="Label1" runat="server" Text="label" AssociatedControlID="DropDownList1"></asp:Label>
    <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
</div>
<div>
    <asp:Label ID="Label2" runat="server" Text="label" AssociatedControlID="TextBox1"></asp:Label>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>
 <div>
    <asp:Label ID="Label3" runat="server" Text="" AssociatedControlID="Button1"></asp:Label>
    <asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</form> 

这是 CSS 最可定制的 HTML 代码吗？

您通常会编写不同的标记吗？

Answer 1

我觉得您的 HTML 没问题。我不会亲自使用所有这些 div s 但我也不知道您的具体要求。

有些人将表单视为列表，并将其编码为:

<ul>
  <li>
     <label ... />
     <input ... />
  </li>
</ul>

我不会这样做，这取决于您希望如何描述您的数据。

最终，您主要考虑的是您希望如何描述您标记的数据。什么是最语义化的方式，以及它如何适合您想要设置数据样式的方式。如果您对这两件事都考虑周到，通常会有一个中间立场。

我还会考虑使用 <fieldset> 对您的表单字段进行逻辑分组.这也会给你一些 extea 来 Hook 你的 CSS。