Textfeld mit fester Höhe, Text oben

Question

Ich habe ein Texteingabefeld mit einer festen Höhe, ich möchte, dass die Box wegen der beträchtlichen Menge an Text, die darin eingegeben werden muss, groß aussieht. Das Problem ist, wenn die Höhe eingestellt ist und der Benutzer in das Feld klickt, beginnt der Text genau in der Mitte der Box, ich möchte, dass der Text oben beginnt. Mein Code:

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

<div> 
 
    <form> 
 

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

 
    </form> 
 

 
</div>

Answer 1

Versuchen einen Eingabetyp mit textarea genannt . Es ist besser für große Mengen von Text. Siehe https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

Beispiel Nutzung:

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

Answer 2

Sie Textbereich statt Eingabe verwenden können, die Sie mehrere Zeilen eingeben können und es beginnt von oben writting links