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，但我也不知道你的确切要求。

有些人认为表单是一个列表，并将其编码为：

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

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

您主要考虑的是如何描述您要标记的数据。什么是最具语义的方式，以及它如何适合您想要如何设置数据样式。如果你已经考虑好这两件事，通常会有中间立场。

我还会考虑使用<fieldset>对您的表单字段进行逻辑分组。这将为您提供一些与CSS挂钩的内容。

Answer 2

我们创建的包装器控件几乎可以完成您所描述的操作。我们的每个服务器控件都会发出一个带有指定类的div，一个标签（如果设置了标签文本）和控件本身。

我们发现这是获取客户端时我们想要的标记的绝对最干净的方式;它导致非表格形式。

我们还定义了几个类，例如“row”，“shortRow”等，它们设置外部div的适当宽度，以及控制标签和控制宽度的其他类。

ASP.NET无表格css表单

2 个答案: