4.3.3 Attribute für das <input>-Element
Das HTML-Element <input> hat neben dem schon bekannten Attribut type noch weitere Attribute, die notwendig oder sinnvoll sind:
| Attribut | Beschreibung |
|---|---|
type |
Definiert den Typ des Eingabefeldes, z. B. text, email, password. |
name |
Notwendiges Attribut mit eindeutigem Namen. Der Wert im name-Attribut wird bei der Übertragung zum Webserver via HTTP als Parameter gesendet. Dieser Parameter kann in PHP ausgelesen werden und enthält die Nutzer-Eingabe im Formularfeld. |
value |
Schreibt einen voreingestellten Wert in das Formularfeld. Dieses value-Attribut kann auch dynamisch Inhalte aus der Datenbank erhalten, z. B. um ein Formular vorauszufüllen, wenn sich der Nutzer eingeloggt hat und seine Daten ändern möchte. |
readonly |
Nur in Kombination mit value sinnvoll. Sorgt dafür, dass der Text im Formularfeld nicht überschrieben werden kann. Dies ist nützlich, damit der Nutzer wichtige Eingaben nicht versehentlich verändert. Eine Änderung der Daten kann dann z. B. über eine JavaScript-Funktion ermöglicht werden. |
size |
Gibt die sichtbare Länge des Feldes an (in Zeichen). |
maxlength |
Gibt die maximale Anzahl der einzugebenden Zeichen an. Kann genutzt werden für input-Elemente mit type="text", email, search, password, tel und url. |
tabindex |
Legt die Sprungreihenfolge fest, in der Elemente beim Drücken der Tab-Taste fokussiert werden. Dieses Attribut kann prinzipiell für jedes HTML-Element verwendet werden, ist aber bei Eingabefeldern und Buttons besonders wichtig, um die Bedienbarkeit per Tastatur zu optimieren. |
Beispiel
Ein Feld für die Eingabe einer fünfstelligen Postleitzahl könnte wie folgt aussehen: