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>的都是爲了文本。 （「段落」）

Answer 2

您可以使用定義列表和樣式來顯示標籤和輸入字段。它可能是這樣的：

<dl> 
<dt><label for="name">Name</label></dt> 
<dd><input type="text" name="name" id="name" /></dd> 
</dl> 

我喜歡definiton列表元素提供的對的關聯。