标签和输入框在同一行

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

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

或者你可以使用div标签或有两行的表。

Answer 6

使用CSS：

标签{clear：both; }