Hallo,

ich habe eine Frage. Normalerweise finde ich immer alle Antworten alleine schon durch die Suche, aber ich glaube, diesmal scheiterte es daran, dass ich nicht so recht weiss, wie ich meine Suche formulieren soll.
Ich hoffe, ich bin im richtigen Forum dafür.

Ich habe ein Inputfeld, in das ein User einen About-Text über sich eingeben kann. Die Länge des Textes darf 2000 Zeichen betragen. Nun  habe ich angefangen dafür ein Input-Feld zu erstellen.

  
<table border="1" cellpadding="0" cellspacing="1">  
   <colgroup>  
     <col width="125">  
     <col width="500">  
   </colgroup>  
  
   <tr>  
      <td>About You:</td>  
      <td id="print_about"><c:out value="${model.about}"/></td>  
      <td><input class="inputFieldBig" type="text" name="about" maxlength="2000" id="input_about" value="${model.about}" style="display:none"></td>  
   </tr>  
</table>

Gestaltet habe ich es mit CSS:

.inputFieldBig{  
    width: 500px;  
    height: 60px;  
  
    background-color: #FFFFFF;  
  
    font-family: sans-serif;  
    font-size: 13px;  
  
    color: black;  
    border-color: #244179;  
    border-right-style: solid;  
    border-left-style: solid;  
    border-bottom-style: solid;  
    border-top-style: solid;  
    border-right-width: 1px;  
    border-left-width: 1px;  
    border-bottom-width: 1px;  
    border-top-width: 1px;  
}

Dargestellt wird es korrekt. Wenn ich aber anfange Text einzugeben, dann beginnt der Text vertical mittig und läuft dann endlos weiter nach hinten, über den Feldrand hinaus, ohne Zeilenumbruch.

Ich möchte gerne wissen, wie ich dieses Verhalten ändern kann.
Die Texteingabe soll oben links starten und wenn sie das Feldende erreicht, soll ein Umbruch erfolgen und der Text links in der zweiten Reihe weitergehen, usw.

Für eine Antwort wäre ich sehr dankbar.

Gruß, dorkas.