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.