HTML输入文字故障

Question

当我将包含多行的文字粘贴到我的<input type="text">时，会发生这种情况：

当我将文本粘贴到另一个网站时，文本通常会保留在中间一行：

我的CSS：

.textbox {
    padding:0 5px;
    height:30px;
    background:#FDFDFD;
    line-height:28px;
    width:250px;
    border:1px solid #D2D2D2;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .textbox { line-height:13px; }
}

HTML：

<input type="text" class="textbox">

我很好奇为什么会这样。我没有为此目的使用<input type="text">。

Answer 1

不要这样做。 <input type="text">用于单行输入。在创作中，使用textarea允许多行。