同一行上的标签和输入框

Question

我有以下的html代码：

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

我希望标签和输入框在同一行显示，但目前它们在同一行上，我需要使用clear吗？

- mrblah

---

你也可以将标签和输入框都包裹在一个 div 中（使用相对定位），然后绝对定位标签和输入框到你想要的位置。 - user656925

Answer 1

你可以添加一个CSS类或样式使显示样式变为块级元素：

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

- Mike Hall

Answer 2

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

使用换行符。

- Brandon

Answer 3

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

这也会导致浏览器呈现与输入框相关联的文本的焦点矩形，并使用户可以通过单击相关文本中的任何位置而不仅仅是输入框控件来聚焦该字段。

- Alex Pavlov

Answer 4

使用CSS完成它： { clear: both; }

- Josh

---

如果你不像Mike Hall在他的回答中建议的那样添加display:block，它就不会起作用。 - spuas

Answer 5

你可以在它们之间加入一个换行符(<br />)，或将每个放在自己的div中。

- atfergs

Answer 6

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

或者您可以使用

标签或带有两行的表格。

- Jonathan Holloway