Sie sind hier: Startseite -> HTML-Grundlagen -> Formulare -> Textfeld

HTML-Grundlagen: Textfeld mit input erstellen

Textfeld: das klassische Formularfeld

Der input-Tag in HTML bietet die Möglichkeit, Formularfelder in einer Webseite einzubauen, damit das Formular überhaupt bestückt und verwendet werden kann. Zwar kann man ein Formular auch nur mit select-Auswahllisten auch gestalten, aber das ist nur selten sinnvoll.

Der klassische Fall des input-Tags ist das Textfeld, aber mit dem gleichen Befehl und anderen Parametern werden auch die Checklisten und die Radiobuttons festgelegt, unterschieden werden diese Feldtypen durch die Angabe des Typ.

ergibt:

Vorname:

Nachname:

Mit diesem simplen input-Befehl ist also ein Formularfeld herstellbar. Es braucht dazu zwei Pflichtangaben, nämlich den Typ, der auf Text eingestellt werden muss und den Namen des Feldes, damit man später die Eingabe überprüfen kann oder einfach per Mail weiterschicken kann.

Eine optionale Angabe ist die Größe des Feldes, die in Wirklichkeit die Länge festlegt, in diesem Fall setzt der Wert 20 das Feld auf eine Länge von 20 Zeichen fest. Es gibt aber weitere Mögilchkeiten der Konfiguration eines Textfeldes, nämlich den value, das ist der Wert des Feldes, der mittels PHP bei dynamischen Webseiten einen übermittelten Wert liefern kann oder einfach ein Text als Vorgabe.

Und mit dem Parameter maxlength kann man festlegen, wieviele Zeichen eingegeben werden können. So ist es möglich, ein Textfeld auf 20 Zeichen zu begrenzen, aber man kann 40 Zeichen eingeben, wobei der eingegebene Text weitergescrollt wird.

Ebenfalls interessant:

Formular (FORM)

Informationen über den FORM-Tag, mit dem ein Formular in eine Webseite eingebaut werden kann.

Checkbox

Informationen über die Checkboxen, die in Formulare eingebaut werden können.

Radiobutton

Informationen über den Radiobutton, der in HTML-Formulare für die Beantwortung genützt werden kann.

Schaltfläche

Informationen über die Schaltfläche, wie sie in Formularen programmiert wird.

Auswahlfeld

Informationen über die Auswahlliste mit Select, die bei HTML-Formularen oft genützt wird.

Auswahlfeld mehrfach

Informationen über die Auswahlliste mit select multiple, wodurch in HTML-Formulare eine Mehrfachauswahl möglich wird.

[aktuelle Seite]

Textfeld

Informationen über das Textfeld, das in HTML-Formularen mit dem input-Tag erstellt werden kann und seine Parameter.

Mehrzeiliges Feld

Informationen über das mehrzeilige Textfeld in HTML-Formularen durch den textarea-Tag.

Verstecktes Feld

Informationen über das versteckte Formularfeld, das mit dem input-Tag unter HTML möglich wird, um interne Informationen einzubauen.

Schreibschutz

Informationen über den Schreibschutz bei Formularfelder in HTML-Formulare, der durch den Parameter readonly möglich wird.

Datei hochladen

Informationen über die Möglichkeit, Dateien über ein Formular durch den Type File des input-Tags hochzuladen.

Beschriftung

Informationen über den Label-Tag für die Beschriftung von HTML-Formularfelder und zur Formatierung mit CSS bzw. als Hilfe für barrierefreie Formulare.

Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Zurück zum Hauptthema

Übersicht Formulare

Startseite HTML-Grundlagen