Das HTML-Element <input>

Bedeutung:

Definiert ein Eingabefeld in einem Formular.

Beispiel:

1
2
3
4
5
<form action="irgendeine_Seite.html">
  Name: <input type="text" id="Nachname" value="Dosenkohl" />
  Vorname: <input type="text" id="Vorname" value="Dieter" />
  <input type="submit" value="Daten übermitteln" />
</from>

Auswirkungen:

Name:
Vorname:

Attribute:

Name Wert Beschreibung
accept Liste der MIME-Typen Eine Liste vom MIME-Typen, die die Art des Datei-Transfers vorgibt. Dieses Attribut wird nur für den Typ 'file' gesetzt.
alt Text Legt einen alternativen Text für das Bild fest. Wird nur beim Typ 'image' verwendet.
autocomplete off
on
Wenn das Attribut auf 'on' gesetzt wird, können Browser die Daten dieses Eingabefeldes speichern und dann bei einem nächsten Aufrufen des Eingabefeldes diese Daten automatisch wieder einsetzen (autofill).
Setzt man dieses Attribut auf 'off' solten diese Daten von den Browsern nicht gespeichert werden.
autofocus autofocus Bei gesetztem Attribut rückt dieses Eingabefeld beim Laden der Seite automatisch in den Fokus
checked checked Legt fest, ob der Befehl markiert ist oder nicht.
Nur zu verwenden, wenn der Typ ‘radio’ oder ‘checkbox’ ist.
disabled disabled Deaktiviert das Eingabefeld
form Formularname Bezeichnet, zu welchem Formular dieses Eingabefeld gehört
formaction URL Legt fest, wohin die Formulardaten beim Übermitteln gesendet werden sollen. Überschreibt das 'action'-Attribut des Formulares
formenctype application/x-www-form-urlencoded

multipart/form-data

text/plain

Legt fest, wie die Daten verschlüsselt werden sollen, bevor sie an einen Server übermittelt werden. Überschreibt das 'enctype'-Attribut des Formulares
formmethod delete
get
post
put
Legt fest, wie die Formulardaten gesendet werden sollen. Überschreibt das 'method'-Attribut des Formulares
formnovalidate formnovalidate legt bei gesetztem Attribut fest, dass das Formular beim Übermitteln nicht auf Gültigkeit hin werden soll. Überschreibt das 'novalidate'-Attribut des Formulares
formtarget _blank
_parent
_self
_top
Legt fest, wo die Ziel-URL geöffnet werden soll. Überschreibt das 'target'-Attribut des Formulares
height %
Pixel
Legt die Höhe eines Eingabefeldes fest
list ID einer 'datalist' Verweist auf ein 'datalist'-Element. Bei gesetztem Attribut wird eine Liste mit Vorschlägen in dem Eingabefeld angezeigt.
max Zahl Legt den Maximalwert des Eingabefeldes fest. Dieses Attribut wird zusammen mit dem Attribut 'min' gesetzt, um einen Eingabebereich von gültigen Werten zu definieren.
maxlength Zahl Legt die maximale Anzahl von erlaubten Zeichen in einem Text-Eingabefeld fest.
min Zahl Legt den Minimalwert des Eingabefeldes fest. Dieses Attribut wird zusammen mit dem Attribut 'max' gesetzt, um einen Eingabebereich von gültigen Werten zu definieren.
multiple multiple Bei gesetztem Attribut ist dem Anwender die Eingabe mehrerer Werte gestattet.
name Name des Eingabefeldes Legt einen einzigartigen Namen für das Eingabefelde fest.
pattern JavaScript Raster Legt ein Raster oder Format für die Eingabe fest.
Beispiel: pattern="[1-9]" bedeutet, dass der einzugebende Wert zwischen 1 und 9 liegen muss.
placeholder Text Legt einen Ausfüllhinweis für dieses Eingabefeld fest.
readonly readonly Zeigt an, dass der Inhalt dieses Eingabefeldes nicht verändert werden kann.
required required Legt fest, dass dieses Eingabefeld ein Pflichtfeld für die Übermittlung des Formulares darstellt.
Dieses Attribut kann nicht verwendet werden bei den Typen 'hidden', 'image', 'button', 'submit' und 'reset'
size Anzahl der Zeichen Legt fest, wieviele Zeichen in dem Eingabefeld angezeigt werden sollen.
src URL Dieses Attribut legt für den Typ 'image' fest, von welcher URL das Bild gezeigt werden soll.
step Zahl Legt die Schrittgröße fest, mit der der eingegebene Wert per Pfeiltaste verändert werden kann. Dieses Attribut kann genutzt werden bei den Typen 'date', 'datetime', 'datetime-local', 'month', 'number', 'range', 'time'und 'week'
type  
 
 
button
 
checkbox
 
color
 
date
 
datetime
 
datetime-local
 
email
 
file
 
hidden
 
image
 
month
 
number
 
passwort
 
radio
 
range
 
reset
 
search
 
submit
 
tel
 
text
 
time
 
url
 
week
Zeigt an, um welchen Typ Eingabefeld es sich handelt.
Die Grundeinstellung ist 'text'.
 
 
 
 
 
ein Hexadezimal-Wert, zum Beispiel: #ffffaa.
 
ein Datum.
 
ein Datum und/oder eine Uhrzeit.
 
ein Datum/Uhrzeit in Ortszeit
 
eine oder mehrere Email-Adressen
 
 
 
 
 
 
 
ein Monat
 
eine Zahl
 
 
 
 
 
eine Zahl in einem gewissen Bereich
 
 
 
Das Eingabefeld ist für eine Sucheingabe.
 
 
 
eine Telefonnummer
 
 
 
eine Uhrzeit
 
eine URL
 
eine Wochennummer
value Wert bei Typ 'button':
Legt den die Beschriftung auf der Schaltfläche fest.


bei Typ 'checkbox' und 'radio button':
Legt fest, welcher Wert für dieses angeklickte Auswahlfeld beim Senden des Formulares übermittelt werden soll.


bei Typ 'hidden', 'passwort' und 'text':
Legt fest, welcher Wert bereits als Vorgabe eingetragen sein soll.


bei Typ 'file':
Hier kann dieses Attribut nicht verwendet werden.


Dieses Attribut ist zwingend notwendig bei den Typen 'checkbox' und 'radio button'!
width %
Pixel
Legt die Breite eines Eingabefeldes fest