Tutorials zur Webentwicklung

Umfangreich · Verständlich · Strukturiert

HTML5 Formulare: 4.3 Mehrzeilige Eingabefelder

Mehr­zeilige Formular­felder dienen dem Nutzer zur Inter­aktion mit der Web­site. So kann unkompliziert eine Nach­richt hinter­lassen, ein Kommentar abgegeben oder eine Mail ver­schickt werden.

4.3.1 Anwendung

Mehrzeilige Formular­felder dienen zur Eingabe von größeren Textblöcken. Die Anzahl der Zeichen ist dabei theoretisch un­begrenzt.

4.3.2 Syntax

Mehrzeilige Formular­felder werden mit dem <textarea> Element realisiert.

 <form action="zieladresse.php" method="post" name="formularname" target="_blank" autocomplete="off" novalidate>

   <fieldset>
     <legend>Kommentar</legend>

   <p>
     <label>Betreff:<br />
       <textarea name="betreff" cols="40" rows="3" maxlength="500" wrap="soft">Geben Sie einen Betreff an ... </textarea>
     </label>
   </p>

   <p>
     <label>Text:<br />
       <textarea name="text" cols="40" rows="15" maxlength="10000" wrap="soft">Geben Sie Ihren Text ein ... </textarea>
     </label>
   </p>

   <p>
     <input type="submit" value="absenden">
     <input type="reset" value="zurücksetzen">
   </p>

   </fieldset>

 </form>
Syntax: Formular mit mehrzeiligen Eingabe­feldern
Kommentar

Ausgabe im Browser: Formular mit mehrzeiligen Eingabe­feldern