HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis

Vom Netzwerk:

<
input>
:
    Attributreferenz
type
,
    Attributreferenz
size
,
    Attributreferenz
name
,
    Attributreferenz
value
,
    Attributreferenz
maxlength
:

8.2.2      Mehrzeilige Eingabefelder
    Mehrzeilige Eingabefelder dienen zur Aufnahme von Kommentaren, Nachrichten usw.
Beispiel

Erläuterung
    Ein mehrzeiliges Eingabefeld wird durch

markiert. Der Elementinhalt dient dazu, das Eingabefeld mit Inhalt vorzubelegen. Wenn Sie keinen vorbelegten Inhalt wünschen, das Feld also leer sein soll, müssen Sie

ohne Inhalt dazwischen notieren.
    Bild 8.5: Mehrzeiliges Eingabefeld im Browser
    Jedes mehrzeilige Eingabefeld sollte, ebenso wie ein einzeiliges Eingabefeld, einen internen Bezeichnernamen erhalten, und zwar mit dem Attribut
name
. Formularfelddaten werden, wenn ein Formular abgesendet wird, in der Form Name=Wert an die bei

angegebene URL übertragen. Und Name ist dabei jeweils das, was Sie beim
name
-Attribut vergeben.
    Unbedingt empfehlenswert sind Angaben zur angezeigten Höhe und Breite des Eingabebereichs. Das Attribut
rows
bestimmt die Anzahl der angezeigten Zeilen ( rows = Zeilen) und damit die Höhe, während
cols
die Anzahl der angezeigten Spalten (cols = columns = Spalten) festlegt. »Spalten« bedeutet dabei die Anzahl Zeichen (pro Zeile).
    Die Attribute
rows
und
cols
bestimmen lediglich die Anzeigegröße des Eingabebereichs, nicht die Länge des erlaubten Textes. Diese können Sie mit Hilfe des
maxlength
-Attributs bestimmen. Im obigen Beispiel wird die Länge auf 10.000 Zeichen begrenzt.
    Mit dem Attribut
wrap
können Sie das Verhalten des Browsers beim Zeilenumbruch innerhalb des Eingabebereichs beeinflussen ( wrap = Umbruch). Voreinstellung ist die Angabe
wrap="soft"
, weshalb Sie diese Angabe auch weglassen können
. wrap="soft"
bewirkt einen automatischen Zeilenumbruch beim Eingeben von Text. Der Text wird jedoch nur für die Anzeige umbrochen. Beim Absenden der Daten enthält der eingegebene Text keine Zeilenumbruchzeichen an diesen Stellen. Nur explizit mit der Enter-Taste eingegebene Zeilenumbrüche werden als Zeichen mit übertragen.
    Die andere Möglichkeit ist die Angabe
wrap="hard"
. Dabei wird Text nicht automatisch umbrochen. Wenn der Text länger ist als die Anzeigebreite des Eingabefeldes, kann der Anwender quer scrollen. Explizit eingegebene Returns bewirken jedoch einen Zeilenumbruch.
Weitere Hinweise
    Das
textarea
-Element ist nur für reinen Text geeignet. Es bietet keine Möglichkeit an, formatierten Text ( Richtext ) zu bearbeiten. Lesen Sie zu diesem Thema auch Abschnitt 8.8.1 Richtext-Eingaben .
Wenn Sie zwischen

vorbelegten Feldinhalt anbieten wollen, darf darin laut HTML5 nicht die Zeichenfolge
, gefolgt von einem Elementnamen, vorkommen.
    In der Praxis ist es jedoch am sichersten, wenn Sie im vorbelegten Text alle HTML-eigenen Zeichen durch ihre benannten Entities umschreiben, so wie in Abschnitt 2.2 Zeichenkodierung in HTML beschrieben . Umschreiben Sie also etwa
<
durch
<
.
    Die Attribute
cols
und
rows
beeinflussen zwar die Anzeigegröße des Eingabebereichs. Genauer können Sie die Breite, ebenso wie andere optische Eigenschaften, des Eingabebereichs mit Hilfe von CSS bzw. CSS-Eigenschaften bestimmen. Textarea-Felder sind ähnlich wie einzeilige Eingabefelder mit Hilfe von CSS fast beliebig umgestaltbar, egal ob es sich um Schriftarten, Abstände, Farben oder Rahmen handelt.
    Verlassen Sie sich bei der serverseitigen Verarbeitung der Formulardaten nicht darauf, dass Inhalte von Feldern mit
maxlength
-Attributen auf keinen Fall mehr Inhalt haben können als angegeben.
Referenzinformationen
    Elementreferenz <
textarea>
:
    Attributreferenz
name
,
    Attributreferenz
cols
,
    Attributreferenz
rows
:

    Attributreferenz
wrap
:

    Attributreferenz
maxlength
:

8.2.3      Auswahllisten
    Sie können dem Anwender eine Liste mit festen Einträgen anbieten, aus der er einen Eintrag auswählen kann. Der frei definierbare Wert des ausgewählten Eintrags wird an die bei

angegebene URL-Adresse übertragen, wenn der Anwender das Formular abschickt.
Beispiel