HTML-Dateien selbst erstellen
	Dokumentation: HTML
		Formulare

Eingabefelder

Einzeilige Eingabefelder
Textvorbelegung bei einzeiligen Eingabefeldern
Eingabefelder für Passwörter
Mehrzeilige Eingabefelder
Textvorbelegung bei mehrzeiligen Eingabefeldern
Umbruch bei mehrzeiligen Eingabefeldern kontrollieren

Einzeilige Eingabefelder

Anzeigebeispiel: So sieht's aus

Einzeilige Eingabefelder dienen zur Aufnahme von einem oder wenigen Wörtern oder einer Zahl.

Beispiele:

Ihr Spitzname: <input name="Spitzname" size=60 maxlength=60>
<br>
Ihr Lielings-Star: <input type=text name="LieblingsStar" size=40 maxlength=40>
<br>
Ihre heimliche Leidenschaft: <input name="Leidenschaft" size=30 maxlength=60>

Erläuterung:

<input ... > definiert ein einzeiliges Eingabefeld (input = Eingabe). Der Vollständigkeit halber können Sie die Angabe type=text dazusetzen.

Jedes 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.

Ferner sollten Sie bei einzeiligen Eingabefeldern immer die Anzeigelänge in Zeichen mit size= sowie die interne Feldlänge in Zeichen maxlength= bestimmen. Beide Angaben bedeuten die Anzahl Zeichen (size = Größe, maxlength = maximal length = maximale Länge). Wenn die interne Feldlänge maxlength größer ist als die angezeigte Feldlänge size (wie im dritten der obigen Beispiele), dann wird bei längeren Eingaben automatisch gescrollt (im Beispiel also ab dem 41. eingegebenen Zeichen).

Beachten Sie:

Mit Hilfe von

JavaScript können Sie die Eingaben von Anwendern vor dem Absenden des Formulars kontrollieren. So können Sie zum Beispiel erzwingen, daß in einem Eingabefeld eine Zahl in einem bestimmten Wertebereich eingegeben wird usw.

Textvorbelegung bei einzeiligen Eingabefeldern

Anzeigebeispiel: So sieht's aus

Sie können ein einzeiliges Eingabefeld mit einem Inhalt vorbelegen.

Beispiele:

Ihre Lieblings-URL: 
<input name="LieblingsURL" maxlength=40 size=40 value="http://www.netzwelt.com/selfhtml/">

Erläuterung:

Eingabefelder mit vorbelegtem Inhalt werden wie gewöhnliche

einzeilige Eingabefelder definiert. Mit der zusätzlichen Angabe value= können Sie einen Text angeben, mit dem das Feld vorbelegt wird (value = Wert). Der Text muß in Anführungszeichen stehen.

Eingabefelder für Passwörter

Anzeigebeispiel: So sieht's aus

Für die Eingabe von Geheimnummern, Paßwörtern usw. gibt es einen speziellen Typ von Eingabefeld. Die eingegebenen Zeichen werden dabei durch Platzhalter (meistens Sternchen) dargestellt, so daß Personen im Raum des Anwenders nicht zufällig das eingegebene Passwort mitlesen können.

Beispiel:

Ihre Zugangsnummer: <input type=password name="Zugangsnummer" maxlength=10 size=10>

Erläuterung:

Eingabefelder für Passwörter werden wie gewöhnliche

einzeilige Eingabefelder definiert. Mit der zusätzlichen Angabe type=password bestimmen Sie, daß es sich um ein Passwort-Feld handelt.

Beachten Sie:

Passwörter werden trotz der verdeckten Eingabe im Klartext über das Internet übertragen. Weisen Sie Anwender in ernsthaften Zusammenhängen auf diese Tatsache bitte explizit hin.

Mehrzeilige Eingabefelder

Anzeigebeispiel: So sieht's aus

Mehrzeilige Eingabefelder dienen zur Aufnahme von Kommentaren, Nachrichten usw.

Beispiel:

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 unbegrenzt. WWW-Browser statten die mehrzeiligen Eingabefelder bei der Anzeige üblicherweise mit vertikalen und horizontalen Scrollbalken aus, sodaß der Anwender bei längeren Eingaben scrollen kann.

Textvorbelegung bei mehrzeiligen Eingabefeldern

Anzeigebeispiel: So sieht's aus

Sie können ein mehrzeiliges Eingabefeld mit Inhalt vorbelegen.

Beispiel:

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 dem abschließenden </textarea>.

Umbruchkontrolle bei mehrzeiligen Eingabefeldern

Anzeigebeispiel: So sieht's aus

Netscape interpretiert seit Version 2.0 Möglichkeiten, um in mehrzeiligen Eingabefeldern den automatischen Zeilenumbruch zu kontrollieren. Normalerweise erfolgt kein automatischer Zeilenumbruch, was auf viele Anwender, die moderne Eingabeformen kennen, irritierend wirkt.

Beispiel 1:

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

Beispiel 2:

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 der Angabe 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).

Blättern:

Formulare definieren Auswahllisten

HTML-Dateien selbst erstellen

Dokumentation: HTML

Formulare

Stefan Münz, s.muenz@euromail.com