标签和输入框在同一行

Question

我有以下html：

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

我希望标签在一行上，在它下面是输入框。

目前它是在同一条线上，我必须使用清楚吗？

Answer 1

您可以放置​​一个css类或样式，将显示更改为阻止：

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

Answer 2

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

使用换行符。

Answer 3

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

这也使浏览器渲染与具有焦点矩形的输入相关联的文本，并使用户能够通过单击关联文本中的任何位置而不仅仅是输入字段控件来聚焦字段。

Answer 4

你可以在它们之间插入一个断裂线（ <br /> ）或者将它们放在它自己的div中。

Answer 5

最简单的方法是在</label>之后添加一个<br> 。

或者，您可以使用div标签或具有两行的表。

Answer 6

用CSS做：

标签{clear：both; }