html - 输入区域中的文本换行 (HTML)

Question

这个问题已经有答案了:

Wrapping text inside input type="text" element HTML/CSS (5 个回答)

已关闭 5 年前。

我目前有以下代码:

<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>

您可以更改行数和列数来自定义文本区域输入字段的大小。