HTML - <input>
Definiert ein Eingabe Element
Beispiel
<form action="http://example.com" method="get"> Vorname: <input type="text" name="fname"><br> Nachname: <input type="text" name="lname"><br> <input type="submit" value="Absenden"> </form>
Demo
Definition und Verwendung
Der <input> -Tag ergibt ein Eingabefeld, in dem der Benutzer Daten eingeben kann.
<input> sind Elemente innerhalb eines <form> -Elements in dem der Benutzer Daten eingeben kann.
Ein Eingabefeld kann auf vielfältige Weise variieren, je nach dem Typ-Attribut.
Weitere Informationen zu den Eingabefeldern in HTML5 gibt es im Blog
Browser Unterstützung
Chrome 1.0
Firefox 1.0
Safari 1.0
Opera 3.5
Edge 12.0
IE 4.0
Attribute
Attribute stellen zusätzliche Informationen über HTML-Elemente bereit. Attribute müssen immer in den öffnenden Tag geschrieben werden.
Attribut | Wert | Beschreibung |
---|---|---|
accept | Dateiendung audio/* video/* image/* media_type | Gibt die Typen der Dateien, die der Server akzeptiert an (nur für type = "file"). |
alt | Text | Gibt einen alternativen Text für Bilder an (nur für type = "image"). |
autocomplete | on off | Gibt an, ob ein input Element die automatische Vervollständigung aktiviert haben soll. |
autofocus | Gibt an, dass ein input Element automatisch beim Laden der Seite Fokus bekommen soll. | |
checked | checked | Gibt an, dass ein input Element angewählt werden soll, wenn die Seite geladen wird (für type = "checkbox" oder type = "radio"). |
dirname | inputname.dir | Gibt die Textrichtung an. |
disabled | disabled | Gibt an, dass ein input Element deaktiviert werden soll. |
form | form_id | Gibt eine oder mehrere Formulare an zu denen das input Element gehört. |
formaction | URL | Gibt die URL der Datei an an die das Formular gesendet wird (für type = "submit" und type = "image"). |
formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Gibt an, wie die Formular-Daten codiert werden sollen, wenn sie an den Server gesenet werden (für type = "submit" und type = "image"). |
formmethod | get post | Post Legt die HTTP-Methode fest mit der die Daten an die Action-URL gesendet werden (für type = "submit" und type = "image"). |
formnovalidate | Legt fest, dass Formularelemente nicht überprüft werden sollten wenn sie gesendet werden. | |
formtarget | _blank _self _parent _top Framename | Gibt an wo die Bestätigungsseite nach dem absenden angezeigt wird (für type = "submit" und type = "image"). |
height | Pixel / Prozent | Gibt die Höhe eines input-Element an(nur für type = "image"). |
list | datalist_id | Bezieht sich auf ein datalist-Element, das vordefinierte Optionen für ein input Element enthält. |
max | Zahl oder Datum | Gibt den Maximalwert für ein input-Element an. |
maxlength | Zahl | Gibt die maximale Anzahl von Zeichen die in einem input-Element erlaubt sind an. |
min | Zahl oder Datum | Gibt den Minimalwert für ein input-Element an. |
multiple | multiple | Gibt an, dass ein Benutzer mehr als ein Wert in einem input-Element eingeben kann. |
name | Text | Gibt den Namen eines input-Elements an. |
pattern | regexp | Gibt einen regulären Ausdruck an nach dem die Eingabe in das input-Element geprüft wird. |
placeholder | Text | Gibt einen kurzen Hinweis der den Erwartungswert eines input-Element beschreibt an. |
readonly | readonly | Gibt an, dass ein Eingabefeld schreibgeschützt ist. |
required | Gibt an, dass das input-Element vor Absenden des Formulars ausgefüllt werden muss. | |
size | Zahl | Gibt die Breite in Zeichen eines input-Element an. |
src | URL | Gibt die URL des Bildes das als Submit-Button verwendet werden soll an (nur für type = "image"). |
step | Zahl | Gibt die Nummernintervalle für ein Eingabefeld an. |
type | button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week | Gibt den Typ des input-Elements an. |
value | Text | Gibt den Wert eines input-Elements an. |
width | Pixel / Prozent | Gibt die Breite eines input-Element an (nur für type = "image"). |
Der <input> Tag verwendet Globale HTML Attribute.