html - 如何设置输入标签的文本高度？

Question

我需要将文本输入到全 Angular ，然后换行。行数没有限制。并且文本从输入标签的开头开始，而不是在中间。

我尝试设置高度，但只有输入的高度发生变化(不是文本字段的高度)。

---

HTML

<input type="text" id="text" name="text" placeholder="Message*" class="in__message">

---

CSS

input{
    width: 100%;
    border: 1px solid rgba(194, 191, 203, 0.7);
    background: rgba(0, 0,0, 0);
    color: rgba(194, 191, 203, 0.8);
    margin-bottom: 27px;
    padding: 20px;
    font-weight: 400;
    font-size: 12px;
    height: 205px;
}

---

一般情况下，需要将文字放在最上面，无限高，随着 block 的宽度被填满，转移到另一行。

Answer 1

尝试使用 <textarea>而不是 <input>元素:

textarea{
    width: 100%;
    border: 1px solid rgba(194, 191, 203, 0.7);
    background: rgba(0, 0,0, 0);
    color: rgba(194, 191, 203, 0.8);
    margin-bottom: 27px;
    padding: 20px;
    font-weight: 400;
    font-size: 12px;
    height: 205px;
}

<textarea id="text" name="text" placeholder="Message*" class="in__message"></textarea>