用于设计 ASP.net Web 输入表单的 Div答案

【问题标题】：Div for designing ASP.net Web Input Forms用于设计 ASP.net Web 输入表单的 Div
【发布时间】：2011-07-21 06:42:45
【问题描述】：

使用 div 和 span 设计 asp.net Web 表单的推荐方法是什么。假设我们要设计一个用于创建新客户的输入表单，其中包括姓名、出生日期、教育等。

考虑到上述场景，如何使用 div 和 span 来实现关注点分离：表示与内容分离。我们想从内容的角度来定义一个表单。一旦内容和结构到位，一些设计师就可以开发 CSS 并应用到它。

请帮忙。提前致谢。

【问题讨论】：

标签： asp.net css

【解决方案1】：

有很多 tutorials 展示了如何设计 css 表单。恕我直言，这更像是labels 和inputs 而不是divs and spans。

【讨论】：

作为非设计师开发人员，我们在使用这些标签和输入时是否必须小心？
是的，您需要将它们作为 asp.net 控件放置在您的 Web 表单中。
我相信，我没有很好地提出问题。让我试试这种方式。我有以下表格：
输入您的姓名：输入您的出生日期：
我应该把 div 和 span 标签放在哪里，为什么要放置，为什么？
我相信达林已经回答了你的问题。
@Anand，没有必要将 div 和 spans 放在你的案例中。只需将文本包装到将与输入相关联的标签中即可：<label for="txt1">Enter your name:</label><asp:TextBox id="txt1" runat="server" />...

【解决方案2】：

<div> 定义一个矩形，然后强制换行。

<span> 是一个字符序列，不会强制换行。

<asp:Panel> 生成一个<div>

<asp:Label> 生成一个<span>

你在哪里使用哪一个完全取决于你希望你的表单看起来像什么。

【讨论】：

【解决方案3】：

很难（但并非不可能）使用 asp.net web 表单实现关注点的完全分离，使用 asp.net mvc 更容易做到这一点，因为生成的 html 更清晰......无论如何，你几乎没有选择这里...

-您可以使用您需要的字段创建用户控件，可能会在特定条件下动态生成输入和标签，然后将其放在您需要的页面上...对于 asp.net 网络表单世界，这是很好的分离

-您可以尝试使用标签和输入构建用于生成纯 html 的类。您将使用类型（字符串，数字）传递给类属性列表，并且类将知道要生成哪个属性以及哪个标签输入字段，您将在页面上呈现纯部分 html

干杯

【讨论】：