如何在输入字段下方放置文本？

字段下方放置文本？"/>

如何在输入字段下方放置文本？

这听起来很容易，但是我对此并不陌生。所以我有这个输入框：

<input type="text" name="username" id="username" class="form-control" value="{{username}}">
<div class="error" id="nameErr"></div>

并且我具有以下功能：如果用户名的输入框为空，则该div class="error"中将出现“用户名不能为空”。它已经在运行，但是出现在输入框的右侧，应该在输入框的下方。请帮我解决这个问题，谢谢：）

最直接的方法是使input具有display的block css属性

input { display: block; }

使用最适合您在应用程序中应用CSS的CSS选择器，我仅以输入为例。

这是如何工作的，输入元素默认为inline-block，并排放置。 Div元素默认情况下是块级元素，它将尝试堆叠。现在将输入也更改为块将堆叠输入和div。