html - 固定高度文本输入字段，文本在顶部

Question

我有一个固定高度的文本输入框，我希望输入框看起来很大，因为必须在其中输入大量文本。问题是，当设置了高度并且用户在框中单击时，文本就从框的中心开始，我希望文本从顶部开始。我的代码:

#mainText {
  width: 400px;
  height: 300px;
}

<div>
  <form>

    <input type="text" id="mainText" value="Your text">
    <button>Submit Text</button>

  </form>

</div>

Answer 1

尝试使用名为 textarea 的输入类型。它更适合大量文本。参见 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

示例用法:

<textarea id="mainText" name="mainText">Your text</textarea>