固定高度文本输入字段,文本在顶部

时间:2016-09-18 16:08:43

标签: html css

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

#mainText {
  width: 400px;
  height: 300px;
}
<div>
  <form>

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

  </form>

</div>

2 个答案:

答案 0 :(得分:2)

尝试使用名为http://example.com/index.php http://example.com/profile.php http://example.com/comments.php http://example.com/contact.php 的输入类型。对于大量文本来说,它更好。见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

使用示例:

var currentPage = "index.php";
var historyPage = "contact.php";
var pageDiff = // historyPage - currentPage

答案 1 :(得分:1)

您可以使用textarea代替输入,这将允许您输入多行,它将从左上角开始写入