tas2580
Blog über Webentwicklung und Linux Server

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.