HTML / Wie werden einzeilige Eingabefelder definiert?

von: P. Rettinghaus

Einzeilige Eingabefelder sind vordefinierte Felder, in denen einige kurze Worte durch den Benutzer der HTML-Seite eingegeben werden können. Mit <input> wird ein einzeiliges Eingabefeld definiert.

Damit klar ist, in welches Feld etwas geschrieben wird, muß dem Eingabefeld ein eindeutiger Name mit dem Attribut name="" zugeordnet werden. Der Name darf nur einmal auf der Seite definiert werden, sollte nicht zu lang sein und darf  keine Leerzeichen oder deutschen Umlaute (wie ä, ü oder ö) enthalten.

Darüber hinaus ist die Textlänge des Eingabefeldes mit dem Attribut size="X" und die maximale Länge des einzugebenden Textes mit dem Attribut maxlength="X" zu definieren, wobei "X" hier für die Anzahl der sichtbaren / einzugebenden Zeichen steht.

So wird ein einzeiliges Eingabefeld allgemein definiert:

<form name="Beispielformular" action="seite.htm" method="post">

Ihr Name: <input name="Name" size="60" maxlength="60">

</form>


Das Attribut type="" legt den Wert für "text" fest. (Analog zu dem Wert "text" ist auch "password" möglich - auch hier sind Texteingaben erlaubt, jedoch werden statt des lesbaren Textes im Feld nur Sternchen angezeigt.)

<form name="Beispielformular" action="seite.htm" method="post">

 Ihr Name: <input type=password name="Name" size="60" maxlength="60">

</form>


Das Attribut value"" ermöglicht hier die Vorbelegung des Eingabefeldes mit einem gewünschten Text.

So wird ein einzeiliges Eingabefeld vorbelegt definiert:


<form name="Beispielformular" action="seite.htm" method="post">

 Ihr Name: <input name="Name" size="60" maxlength="60"
 value="Bitte geben Sie hier Ihren vollständigen Namen an.">

</form>
 Das könnte Sie interessieren:
Regenbogenfarben  Umlaute, Sonderzeichen, Unicode und ANSI-Code  Bild als HTML-Button - Bild als HTML-Button, Bild als Submit-Button, und um eine JavaScript-Funktion zu starten.  Der Input-Tag (1)  Checkboxen selektieren  Schriftarten  Image-Toolbar - Neu im Internet Explorer 6 ist die Image Toolbar. Sie erscheint automatisch, sobald der Mauszeiger auf einer Grafik größer als 130*130 Pixel ruht. Über die angebotenen Icons kann die jeweilige Grafik abgespeichert, gedruckt oder per Email verschickt werden. So lässt sich die Image Toolbar abschalten  216 Standard-Farben - Das ist eine Aufstellung der „browsersicheren” Internet-Farben (Farbtabelle), die auf jedem System, mit jedem Browser gleich dargestellt werden und sich somit optimal fürs Webdesign eignen.  Auswahllisten-Vorlagen - Nichts ist langweiliger beim schreiben als große Auswahllisten zu erstellen! Hier finden Sie deshalb diverse Auswahllisten zum kopieren.  Farben und ihre Wirkung  Bilder nebeneinander stellen - Mit Hilfe einer HTML-Tabelle können Sie sehr einfach Bilder nebeneinander oder untereinander stellen.  Marquee und Blink  Linie zwischen Bild und Link entfernen - Bild und Text wird in einem Link eingebunden. Dazwischen entsteht aber eine hässliche Linie. So einfach können Sie diese entfernen...  Haupt- und Grundfarben - Die 3 Hauptfarben und die 16 Grundfarben.  Ladehinweis bei großen Bildern anzeigen - Große Bilder sollten mit einem Ladehinweis erscheinen, damit der Besucher die Seite nicht verlässt bevor er das Bild gesehen hat.  Frameset Vorlagen (3)  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner