標籤和輸入框在同一行

Question

我有以下的HTML：

<label>blah</label> 
<input type=text ... /> 

我希望標籤上一行，並在它下面的輸入框。

目前它是在同一行上，我必須使用清晰嗎？

Answer 1

用CSS做：

label {clear：both; }

Answer 2

你可以在它們之間插入一個breakline（<br />），或者把它們放在它們自己的div中。

Answer 3

<label>blah</label> 
<br /> 
<input type=text ... /> 

使用換行符。

Answer 4

你可以把一個CSS類或樣式，將改變顯示器塊：

<label style="display:block">blah</label> 
<input type=text ... /> 

Answer 5

最簡單的方法是將<br>後</label>補充。

或者，您可以使用div標籤或兩行的表格。

Answer 6

<label for="fldAge">Age:</label> 
<p> 
<input type="text" name="Age" id="fldAge" /> 
</p> 

這也導致瀏覽器來呈現與具有焦點矩形的輸入相關聯的文本，並且使用戶能夠通過點擊相關聯的文本，而不是僅僅在輸入場控制的任何地方以聚焦場。