Attribute für Eingabeelemente

Wir wissen bereits, wie man Formulare mit Eingaben und Beschriftungen erstellt. Nun betrachten wir andere nützliche Attribute für Eingabeelemente, die ihre Funktionalität und Benutzerfreundlichkeit verbessern.

Allgemeine Attribute für Eingabeelemente

Platzhalter

placeholder bietet einen Hinweis oder Beispieltext innerhalb des Eingabefeldes, der Benutzer darüber informiert, welche Art von Eingabe erwartet wird. Nützlich, um Benutzern Kontext oder Anweisungen zu geben, bevor sie Daten eingeben.

Name

name gibt den Namen des Eingabefeldes an, der verwendet wird, um die Eingabedaten zu identifizieren, wenn das Formular abgeschickt wird. Jedes Eingabefeld innerhalb eines Formulars sollte ein eindeutiges Namensattribut haben.

Wert

value setzt den anfänglichen oder Standardwert des Eingabefeldes. Füllt das Eingabefeld mit einem bestimmten Wert vor, wenn die Seite geladen wird.

Erforderlich

required gibt an, dass das Eingabefeld ausgefüllt werden muss, bevor das Formular abgeschickt werden kann. Verhindert das Absenden des Formulars, wenn das erforderliche Feld leer gelassen wird.

Deaktiviert

disabled deaktiviert das Eingabefeld, sodass Benutzer nicht damit interagieren oder Daten eingeben können. Nützlich zum Anzeigen von schreibgeschützten oder inaktiven Eingabefeldern.

Nur-Lesen

readonly macht das Eingabefeld schreibgeschützt, sodass Benutzer den Wert sehen, aber nicht ändern können. Ähnlich wie das disabled-Attribut, aber das Feld kann dennoch fokussiert und ausgewählt werden.

Min und Max

min und max geben die minimalen und maximalen erlaubten Werte für numerische Eingabefelder an. Nützlich, um Einschränkungen für numerische Eingaben durchzusetzen, wie z.B. Alter oder Menge.

Beispiel: Betrachten wir ein Beispiel, das alle notwendigen Attribute und Elemente enthält, die für das Formular benötigt werden.

Video-Tutorial