asp.net - ASP.NET 中标签输入布局的最佳实践

Question

通常最能接受的标签和输入分组方式是什么？目前我将每对放在一个 div 中，但之前我也将每对放在 <p> 中。 .有没有更好的方法？

Answer 1

这取决于。我通常尽量不对它们进行分组，因为它只会创建更多标记。

<div id="container">
   <label for="username">Username</label><input type="text" id="username">
   <label for="password">Password</label><input type="text" id="password">
</div>

然后为避免所有内容都排成一行，请设置容器和标签/输入的样式以适应。

#container {
   width: 350px;
}
#container label {
   width: 100px;
   margin-left: 5px;
   text-align: right;
}
#container input {
   width: 225px;
}

如果这不可能，那么我建议使用 <div>的，如 <p>用于文本。 (“段落”)