Spezifische Attribute für Formularfelder in HTML

Hier ist eine alphabetische Liste aller spezifischen Attribute, die nur in Formularfeldern verwendet werden können. Diese Attribute bieten vielseitige Möglichkeiten, Benutzereingaben zu steuern, zu validieren und sinnvoll mit anderen Formularelementen zu kombinieren. Sie helfen, Formulare anwendungsfreundlicher und effizienter zu machen.

accept

Dieses Attribut wird mit <input type="file"> verwendet und gibt an, welche Dateitypen zulässig sind. Zum Beispiel kann damit festgelegt werden, dass nur Bilder oder PDF-Dokumente hochgeladen werden dürfen.

alt

Wird in <input type="image"> verwendet und definiert einen alternativen Text, falls das Bild nicht geladen werden kann. Es fungiert als Beschreibung des Bilds.

autocomplete

Bestimmt, ob der Browser bereits eingegebene Werte (wie Name oder E-Mail) für das Feld speichern und vorschlagen soll. Beispiel: on (aktivieren) oder off (deaktivieren).

autofocus

Dieses Attribut macht ein Eingabefeld direkt beim Laden der Seite aktiv bzw. fokussiert. Der Benutzer kann sofort mit der Eingabe beginnen.

capture

Wird mit <input type="file"> verwendet und gibt an, ob das Gerät (z. B. Kamera oder Mikrofon) direkt Daten erfassen soll. Häufig bei mobilen Anwendungen eingesetzt.

checked

Wird bei <input type="checkbox"> und <input type="radio"> verwendet und gibt an, ob das Kontrollkästchen oder die Option standardmäßig ausgewählt ist.

dirname

Wird mit <input type="text"> oder <textarea> verwendet, um die Schreibrichtung (links-nach-rechts oder rechts-nach-links) von Texteingaben zu erfassen und mitzuschicken.

disabled

Deaktiviert das Eingabefeld. Der Benutzer kann keine Eingaben machen, und das Feld wird nicht an den Server gesendet.

form

Gibt die ID eines <form>-Tags an, zu dem das Eingabefeld gehört. Dies erlaubt es, Elemente unabhängig vom <form>-Container zuzuordnen.

formaction

Wird bei <button type="submit"> oder <input type="submit"> verwendet und gibt die URL an, an die die Formulardaten gesendet werden sollen. Überschreibt die action-Einstellung des <form>-Elements.

formenctype

Bestimmt, wie die Formulardaten kodiert werden, wenn sie gesendet werden. Beispiele: application/x-www-form-urlencoded, multipart/form-data (für Datei-Uploads) oder text/plain.

formmethod

Bestimmt die HTTP-Methode (GET, POST, etc.), die angewendet wird, wenn die Formulareingaben gesendet werden. Überschreibt die Methode, die im <form>-Tag angegeben wird.

formnovalidate

Deaktiviert die Formularvalidierung, wenn das Formular abgeschickt wird. Wird meistens bei <input type="submit"> oder <button type="submit"> verwendet.

formtarget

Bestimmt, in welchem Fenster oder Tab das Ergebnis des Formulars geöffnet wird. Beispiele: _self, _blank, _parent, _top.

height

Wird bei <input type="image"> verwendet und legt die Höhe des Bildes in Pixeln fest.

list

Gibt die ID eines <datalist>-Elements an, das mögliche Eingabewerte für das <input>-Feld enthält. Dies macht Vorschläge für Eingabewerte möglich.

max

Legt den maximal erlaubten Wert für Eingaben fest, z. B. bei <input type="number">, <input type="date">, <input type="range"> usw.

maxlength

Bestimmt die maximale Anzahl an Zeichen, die in einem Eingabefeld eingegeben werden dürfen (z. B. in <input type="text"> oder <textarea>).

min

Legt den minimal erlaubten Wert für Eingaben fest, z. B. bei <input type="number"> oder <input type="date">.

minlength

Bestimmt die Mindestanzahl an Zeichen, die für die Eingabe erforderlich sind (z. B. in <input type="text"> oder <textarea>).

multiple

Dient zur Auswahl mehrerer Werte, beispielsweise in <input type="file">, um mehrere Dateien hochzuladen, oder in <select> für Mehrfachauswahlen.

name

Gibt dem Eingabefeld einen eindeutigen Namen, der beim Senden des Formulars verwendet wird. Mehrere Felder mit demselben name-Attribut werden gruppiert weitergegeben.

pattern

Legt ein reguläres Ausdrucksmuster fest, dem die Eingabe entsprechen muss. Zum Beispiel kann damit sichergestellt werden, dass eine Telefonnummer in einem bestimmten Format eingegeben wird.

placeholder

Zeigt einen Beispieltext an, der Hinweise darauf gibt, was der Benutzer in das Eingabefeld schreiben soll. Der Text verschwindet, sobald der Benutzer schreibt.

readonly

Legt fest, dass ein Eingabefeld zwar sichtbar ist, aber nicht bearbeitet werden kann. Nützlich, wenn Daten angezeigt, aber nicht geändert werden sollen.

required

Markiert ein Feld als Pflichtfeld. Der Benutzer kann das Formular nicht absenden, solange das Feld leer ist.

size

Legt die sichtbare Breite eines <input>-Felds in Zeichen fest. Es hat keine Auswirkung auf die maximale Zeichenanzahl und definiert nur die Darstellung.

src

Wird mit <input type="image"> verwendet und gibt die URL des Bildes an, das angezeigt werden soll.

step

Legt die Schrittweite bei Eingaben für numerische Felder fest, zum Beispiel bei <input type="number"> oder <input type="range">. Der Wert wird in Schritten erhöht oder verringert.

value

Legt den Standardwert eines Eingabefeldes fest. Bei Absenden des Formulars wird dieser Wert gesendet, falls keine Benutzereingabe erfolgt.

width

Wird bei <input type="image"> verwendet und legt die Breite des Bildes in Pixeln fest.