输入区域中的文本换行（HTML）

Question

我目前有以下代码：

<div class="input-group">
    <label>Some input</label>
    <input type="text" name="var_1">
</div>
<div class="input-group">

但是，我非常想包装输入文本，我已经尝试使用div class =“text-area”然而据我所知，我丢失了格式，并且输入区域没有出现一条新线。有没有简单的方法来解决这个问题，还是我必须使用文本区域？我看过上一篇文章，这是我得到文本区域想法的地方：Wrapping text inside input type="text" element HTML/CSS

Answer 1

在这种情况下你必须使用textarea。试试这个：

<div class="input-group">
    <label>Some input</label>
    <textarea name="var_1" rows="5" cols="10" wrap="soft"></textarea>
</div>

您可以更改行数和列数以自定义textarea输入字段大小。

Answer 2

是的，TextArea是HTML用于多行输入的唯一方式。

请参阅doc :: TextArea Doc by HTML以获取更多信息

感谢。