CSS文本输入字段未对齐左上角？

Question

我试图让输入文字字段显示左上角的文字，现在文字在中间垂直和水平居中。

<input class="userInput" type="text">
<style>
.userInput {
text-align: left;
margin: 1px;
padding: 1px;
width: 500px;
height: 300px;
vertical-align: top;
}
</style>

Answer 1

文本输入用于单行输入。我建议改为使用<textarea>。

示例：https://jsfiddle.net/z58vy354/

Answer 2

你应该使用textarea而不是输入试试这段代码：

<textarea rows="20" cols="50">
Test
</textarea>

Answer 3

正如其他人建议使用textarea而不是输入字段但如果不想看起来像或可伸缩使用样式resize:none;就可以了。