Question

我需要将文本输入全角，然后再转移到新行。行数没有限制。这样文本就从输入标签的开头而不是中间开始。

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

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

通常，您需要将文本放在顶部，并设置为无限的高度，并在填充块的宽度时转移到另一行。

Answer 1

<input type="text">

始终是一行。尝试以下方法：

<input type="textarea">

Answer 2

尝试使用<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>

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

2 个答案: