javascript - 如何在输入框下方添加文字？

Question

这可能听起来很简单，但我对此很陌生。所以我有这个输入框:

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

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

Answer 1

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

输入{ 显示: block ； }

使用最适合您在应用程序中应用 CSS 方式的 CSS 选择器，我使用输入只是作为示例。

其工作原理是输入元素默认为inline-block，并且会并排放置。 div 元素默认是 block 级元素，会尝试堆叠。将输入更改为 block 现在将堆叠输入和 div。