SELFHTML/Quickbar  HTML  Formulare


Mehrzeilige Eingabefelder

Diese Seite ist ein Dokument mit Informationstext

 Mehrzeilige Eingabefelder definieren
 Textvorbelegung bei mehrzeiligen Eingabefeldern
 Umbruch bei mehrzeiligen Eingabefeldern kontrollieren
 Eingabefelder auf "nur lesen" setzen
 Weitere Möglichkeiten

 

HTML2.0 Mehrzeilige Eingabefelder definieren

Beispiel Anzeigebeispiel: So sieht's aus

Mehrzeilige Eingabefelder dienen zur Aufnahme von Kommentaren, Nachrichten usw.

Beispiel:

<p>Was halten Sie davon, da&szlig; es noch keinen HTML-Nobelpreis gibt:</p>
<textarea name="HTML_Nobelpreis" rows=10 cols=50></textarea>

Erläuterung:

<textarea ...> leitet ein mehrzeiliges Eingabefeld ein (textarea = Textbereich). Jedes mehrzeilige Eingabefeld muß einen internen Bezeichnernamen erhalten, und zwar mit der Angabe name=. Der Name sollte nicht zu lang sein und darf keine Leerzeichen und keine deutschen Umlaute enthalten. Verwenden Sie als Sonderzeichen höchstens den Unterstrich "_". Setzen Sie den Namen in Anführungszeichen.

Dahinter folgen zwei Angaben zur Anzeigegröße des Textfelds. rows= bestimmt die Anzahl der angezeigten Zeilen (rows = Zeilen), cols= die Anzahl der angezeigten Spalten (cols = columns = Spalten). "Spalten" bedeutet dabei die Anzahl Zeichen (pro Zeile).

Mit </textarea> schließen Sie das mehrzeilige Eingabefeld ab. Das End-Tag ist nötig und darf nicht weggelassen werden.

Beachten Sie:

Die Angaben rows= und cols= bestimmen lediglich die Anzeigegröße des Eingabebereichs, nicht die Länge des erlaubten Textes. Die ist theoretisch unbegrenzt. WWW-Browser statten die mehrzeiligen Eingabefelder bei der Anzeige üblicherweise mit Scrollbalken aus, sodaß der Anwender bei längeren Eingaben scrollen kann.

Das <textarea-Tag erzeugt einen eigenen Absatz.

 

HTML2.0 Textvorbelegung bei mehrzeiligen Eingabefeldern

Beispiel Anzeigebeispiel: So sieht's aus

Sie können ein mehrzeiliges Eingabefeld mit Inhalt vorbelegen.

Beispiel:

<p>Was halten Sie von der Vermicrosoftung des Internet:</p>
<textarea name="Vermicrosoftung" rows=10 cols=50>
Schreiben Sie sich Ihren Frust von der Seele!
</textarea>

Erläuterung:

Mehrzeilige Eingabefelder mit vorbelegtem Text werden wie gewöhnliche  mehrzeilige Eingabefelder definiert. Die Textvorbelegung definieren Sie nach dem einleitenden <textarea>-Tag und vor dem abschließenden </textarea>.

 

Netscape2.0MS IE4.0 Umbruch bei mehrzeiligen Eingabefeldern kontrollieren

Beispiel Anzeigebeispiel: So sieht's aus

Normalerweise erfolgt innerhalb mehrzeiliger Eingabefelder kein automatischer Zeilenumbruch, was auf viele Anwender, die moderne Eingabeformen kennen, irritierend wirkt. Es gibt jedoch eine Möglichkeit, einen automatischen Zeilenumbruch zu erzwingen.

Beispiel 1:

<p>Was halten Sie vom Schlagwort &quot;rechtsfreier Raum Internet&quot;:</p>
<textarea name="RaumInternet" rows=10 cols=50 wrap=virtual></textarea>

Beispiel 2:

<p>Was halten Sie vom Gerede um Kinderpornos und Neonazis im Internet:</p>
<textarea name="Gerede" rows=10 cols=50 wrap=physical></textarea>

Erläuterung:

Mehrzeilige Eingabefelder mit Umbruchkontrolle werden wie gewöhnliche  mehrzeilige Eingabefelder definiert. Mit dem Attribut wrap= können Sie den Zeilenumbruch steuern (wrap = Umbruch). Mit wrap=virtual bewirken Sie, daß der Text bei der Eingabe automatisch umgebrochen wird (virtual = scheinbar). Beim Absenden des Formulars werden jedoch keine Zeilenumbruchzeichen übertragen. Mit wrap=physical bewirken Sie ebenfalls, daß der Text bei der Eingabe automatisch umgebrochen wird (physical = tatsächlich). Die Zeilenumbruchzeichen werden beim Absenden des Formulars jedoch mit übertragen. Mit wrap=off stellen Sie den Zeilenumbruch aus (Voreinstellung).

Beachten Sie:

Unverständlicherweise gehört dieser Befehl immer noch nicht zum HTML-Standard. Benutzen Sie ihn trotzdem.

 

HTML4.0 Eingabefelder auf "nur lesen" setzen

Beispiel Anzeigebeispiel: So sieht's aus

Sie können erzwingen, daß ein "Eingabefeld" kein Eingabefeld mehr ist, sondern eigentlich nur ein Ausgabefeld. Das kann beispielsweise interessant sein, wenn Sie  JavaScript-ermittelte Werte in einem Formularfeld ausgeben möchten.

Beispiel:

<textarea name="Output" rows=5 cols=50 readonly></textarea>

Erläuterung:

Mit dem Attribut readonly können Sie ein mehrzeiliges Eingabefeld (<textarea>) auf "nur lesen" setzen.

Beachten Sie:

Der MS Internet Explorer interpretiert diese Angabe seit Version 4.x, Netscape in der Version 4.x noch nicht.

 

HTML4.0 Weitere Möglichkeiten

Das <textarea>-Tag kann  Universalattribute enthalten.

Es ist durchaus auch erlaubt,  CSS Style-Sheets auf Formularelemente anzuwenden. Leider interpretiert Netscape solche Möglichkeiten in der Produktverion 4.x noch nicht. Der MS Internet Explorer 4.x interpretiert CSS Style-Sheets im Zusammenhang mit Formularelementen. Dazu müssen Sie zunächst wissen, wie man  Style-Sheets definieren kann. Anschließend sind Sie in der Lage, Style-Sheet-Angaben anzuwenden. Auf das <textarea>-Tag können Sie beispielsweise folgende Style-Sheet-Angaben anwenden:
 Schriftformatierung
 Hintergrundfarben und -bilder
 Elemente positionieren


 
weiter: Auswahllisten und Menüstruktur
zurück: Einzeilige Eingabefelder
 

SELFHTML/Quickbar  HTML  Formulare

© 1998  Stefan Münz, muenz@csi.com