html - 文本不是从输入文本字段的左上角开始的

Question

我有一个固定高度的输入框。文本垂直居中，但我希望它位于输入框的左上角。

CSS

.wideInput{
    text-align: left;
    padding:  0.4em;
    width: 400px;
    height: 200px;
}

HTML

<input class="longInput" value="<?php echo $row['foodPrice']; ?>" />

这是一个演示问题的 jsFiddle > http://jsfiddle.net/9cR5j/

Answer 1

为什么不尝试 textarea 而不是 input ？

<textarea class="longInput" cols="30" rows="10"></textarea>

它将从左上角添加文本。