固定高度的文本輸入字段，頂部的文本

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> 

Answer 2

您可以使用文本區域，而不是輸入，這將允許你輸入多行，它會開始從頂部書面方式離開