Alphabetische Liste der HTML- und XHTML-Elemente

(Auszug aus "HTML & XHTML ─ kurz & gut" von Jennifer Niederst Robbins)

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

input

HTML: <input>; XHTML: <input/> oder <input />

Das Element input wird für die Erstellung verschiedener Eingabe-Kontrollemente (kurz: Kontrollelemente) verwendet. Die Art des Kontrollelements wird durch das Attribut type definiert. Im Folgenden finden Sie eine vollständige Liste aller Attribute (mit Beschreibung), die mit dem input-Element verwendet werden können. Nicht alle Attribute können mit allen Typen von Kontrollelementen verwendet werden. Die Attribute für die einzelnen Kontrollelemente finden Sie unten.

Hinweise

In HTML 5 wird eine Reihe neuer Werte für das Attribut type definiert: datetime, datetime-local, date, month, week, time, number, range, email, url, search und color. Neue HTML 5-Attribute für das input-Element finden Sie in der unten stehenden Liste.

Start-/End-Tag

Dies ist ein leeres Element. In HTML ist das End-Tag verboten. In XHTML muss das Element mit einem Schrägstrich vor der schließenden spitzen Klammer abgeschlossen werden. Entwickler können vor dem Schrägstrich ein Leerzeichen einfügen, um die Rückwärtskompatibilität mit älteren Browsern zu verbessern.

Attribute

Kern, Internationalisierung, Events, Fokus; zusätzlich: onselect, onchange, globale HTML 5-Attribute

• accept="Liste mit MIME-Typen"

  Enthält eine durch Kommas getrennte Liste mit Inhaltstypen (MIME-Typen), mit denen der Server, der das Formular verarbeitet, umgehen kann. Wenn der Benutzer aufgefordert wird, Dateien an den Server zu senden, können auf diese Weise unpassende Formate ausgefiltert werden.

• accesskey="Zeichen"

  Weist einem Element ein Tastaturkürzel zu, mit dem schneller auf das Element zugegriffen werden kann.

• align="bottom|left|middle|right|top"

  Veraltet. Nicht in HTML 5. Gibt die Ausrichtung einer Grafik an.

• alt="Text"

  Enthält alternativen Text, falls die Grafik für einen Button nicht dargestellt werden kann.

• autocomplete="on|off"

  Nur HTML 5. Ermöglicht es dem User Agent (Browser), das Feld automatisch auszufüllen (on), oder sorgt dafür, dass der Benutzer die Informationen jedes Mal eingeben muss (off). Wird dieses Attribut weggelassen, erbt das Kontrollelement die Einstellung für autocomplete vom assoziierten (meistens dem umgebenden) form-Element.

• autofocus (autofocus="autofocus" in XHTML)

  Nur HTML 5. Sorgt dafür, dass dieses Kontrollelement beim Laden automatisch den Fokus erhalten soll, d.h., es wird hervorgehoben und kann sofort Benutzereingaben entgegennehmen.

• checked (checked="checked" in XHTML)

  Wird ein Radiobutton oder Ankreuzfeld (Checkbox) mit diesem Attribut versehen, wird dieses Kontrollelement beim Laden der Seite automatisch markiert.

• disabled (disabled="disabled" in XHTML)

  Deaktiviert das Kontrollelement für Benutzereingaben. Kann nur durch ein Skript verändert werden. Browser können deaktivierte Kontrollelemente anders als übrige Kontrollelemente darstellen (z. B. ausgegraut). Das kann sinnvoll sein, um bestimmte Teile eines Formulars erst nach der Eingabe bestimmter Informationen zugänglich zu machen.

• form="ID des übergeordneten Formulars"

  Nur HTML 5. Schafft eine explizite Verbindung zwischen dem Kontrollelement und dem dazu gehörigen übergeordneten Formular. Auf diese Weise muss das Kontrollelement nicht unbedingt ein Kind-Element des entsprechenden form-Elements sein.

• formaction="URL"

  Nur HTML 5. Verweist auf das Programm, das das Formular verarbeitet. Dieses Attribut wird nur zusammen mit einem Submit-Button (type="submit" oder type="image") verwendet und hat die gleiche Funktion wie das Attribut action für das form-Element.

• formenctype="Inhaltstyp"

  Nur HTML 5. Gibt an, wie die Werte des Formulars bei Verwendung der HTTP-Methode post kodiert werden sollen. Dieses Attribut wird nur zusammen mit einem Submit-Button (type="submit" oder type="image") verwendet und hat die gleiche Funktion wie das Attribut enctype für das form-Element. Der Standardwert ist der Internet Media Type (application/x-www-form-urlencoded). Der Wert multipart/form-data sollte zusammen mit dem Eingabetyp file verwendet werden.

• formmethod="get|post|put|delete"

  Nur HTML 5. Gibt an, welche HTTP-Methode zum Verschicken der Formulardaten verwendet werden soll. Wird nur mit einem Submit-Button (type="submit" oder "image") verwendet und hat die gleiche Funktion wie das Attribut method für das form-Element. Die Werte put und delete sind neu in HTML 5

• formnovalidate (formnovalidate="formnovalidate" in HTML 5)

  Nur HTML 5. Legt fest, dass das Formular beim Abschicken nicht überprüft werden soll. Wird nur mit einem Submit-Button (type="submit" oder "image") verwendet und hat die gleiche Funktion wie das Attribut novalidate für das form-Element (neu in HTML 5).

• formtarget="Name"

  Nur HTML 5. Gibt an, in welchem Fenster das Ergebnis des Formulars angezeigt werden soll. Wird nur mit dem Submit-Button verwendet (type="submit" oder "image") und hat die gleiche Funktion wie das target-Attribut für das form-Element.

• height="Anzahl der Pixel"

  Nur HTML 5. Definiert die Höhe der Button-Grafik, wenn das Attribut type den Wert image hat.

• ismap (autofocus="autofocus" in XHTML)

  Nicht in HTML 5. Gibt an, dass die Grafik als Basis einer serverseitigen Imagemap verwendet werden soll (ein Bild, das mehrere Hyperlinks enthält). Kann nur verwendet werden, wenn das Attribut type den Wert image hat.

• list="Id des datalist-Elements"

  Nur HTML 5. Gibt an, dass für das Element eine Reihe von vordefinierten Vorschlägen für den Benutzer existieren, die anhand des Elements datalist bereitgestellt werden. Der Wert des list-Attributs ist die ID des entsprechenden datalist-Elements.

• max="Zahl oder Zeichenkette"

  Nur HTML 5. Gibt den Höchstwert für das Element an, wenn die möglichen Werte sich in einem bestimmten Bereich befinden müssen. Der Wert für max darf nicht geringer sein als der für min.

• maxlength="Zahl"

  Gibt die maximale Anzahl von Zeichen an, die der Benutzer eingeben kann, wenn das Attribut type den Wert text, password, search, tel oder url hat.

• min="Zahl oder Zeichenkette"

  Nur HTML 5. Legt einen Mindestwert an, wenn die eingegebenen Werte in einem bestimmten Bereich liegen müssen. Der Wert für min definiert außerdem die Basis für step-Operationen.

• multiple (multiple="multiple" in XHTML)

  Nur HTML 5. Legt fest, dass der Benutzer mehr als einen Wert eingeben kann (z. B. bei Auswahllisten).

• name="Text"

  Erforderlich für alle Eingabetypen außer submit und reset. Weist dem Kontrollelement einen Namen zu, über den von einem Skript aus auf das Kontrollelement zugegriffen werden kann.

• pattern="Regulärer Ausdruck in JavaScript-Schreibweise"

  Nur HTML 5. Definiert einen regulären Ausdruck, mit dem der Wert des Kontrollelements überprüft werden soll. Dies ist praktisch, wenn die Benutzereingaben einem bestimmten Format entsprechen müssen, z. B. eine Telefonnummer oder eine E-Mail-Adresse. Mit dem Attribut title kann pattern mit einer Beschreibung des regulären Ausdrucks bzw. des Eingabeformats versehen werden.

• placeholder="Zahl oder Zeichenkette"

  Nur HTML 5. Enthält einen kurzen Hinweis (ein Wort oder ein kurzer Satz), um dem Benutzer bei der Eingabe der richtigen Daten oder des richtigen Formats zu helfen. Ist eine längere Beschreibung nötig, sollte das Attribut title verwendet werden. Das Attribut placeholder darf keine Zeilenumbrüche enthalten.

• readonly (readonly="readonly" in XHTML)

  Dieses Eingabeelement kann vom Benutzer nicht verändert werden.

• required (required="required" in XHTML)

  Nur HTML 5. Legt fest, dass die Eingabe eines Wertes obligatorisch ist.

• size="Zahl"

  Definiert die Breite eines Texteingabefeldes (wenn type den Wert text, password oder search hat) als Anzahl möglicher Buchstaben. Gibt der Benutzer Text ein, der die angegebene Breite überschreitet, wird der Inhalt nach rechts gescrollt.

• src="URL"

  Wurde als Eingabetyp image verwendet, gibt dieses Attribut den Speicherort der Grafik an, die als Button verwendet werden soll.

• step="any|Zahl|Zeichenkette"

  Nur HTML 5. Definiert die erwartete Schrittweite, die für den eingegebenen Wert erforderlich ist, indem der Wert nur auf erlaubte Einheiten beschränkt wird. Der Wert dieses Attributs hängt davon ab, welcher Inhaltstyp (type) verwendet wird. Es kann entweder eine Zahl, eine Zeichenkette (z. B. ein Datum) oder das Schlüsselwort any sein, mit dem ein beliebiger Wert eingegeben werden kann.

• tabindex="Zahl"

  Definiert die Position in der Tab-Reihenfolge. Hierdurch kann der Benutzer mithilfe der Tabulartortaste von einem aktiven Formularfeld zu nächsten springen.

• type="text|password|checkbox|radio|submit|reset|file|hidden|image|button" 
  Neu in HTML 5: "date|datetime|datetime-local|email|month|number|range|tel|time|url|week"

  Legt fest, welchen Inhaltstyp das Kontrollelement haben soll (Button, Texteingabefeld etc.). Beschreibungen der einzelnen Inhaltstypen finden Sie in der unten stehenden Liste.

• usemap="URL"

  Nicht in HTML 5. Gibt an, unter welcher Adresse die Koordinaten und Links für eine client-seitige Imagemap (ein Bild mit mehreren Hyperlinks) zu finden sind. Dieses Attribut kann nur mit dem Inhaltstyp (type) image verwendet werden.

• value="Text"

  Definiert den Startwert für dieses Kontrollelement.

• width="Anzahl der Pixel"

  Nur HTML 5. Gibt an, wie breit das für einen Button verwendete Bild sein darf, wenn als Inhaltstyp image verwendet wird.

input type="button"

Erzeugt einen anpassbaren Button. Anpassbare Buttons haben kein festgelegtes Verhalten, können aber verwendet werden, um bestimmte Funktionen auszulösen, die z. B. per JavaScript bereitgestellt werden. Daten, die mit Kontrollelementen vom Typ button sind, werden niemals an den Server gesendet, wenn der Benutzer das Formular »abschickt«. Vielmehr werden diese Daten ausschließlich von Skriptprogrammen im Browser verwendet:

 
<input type="button" value="Klick mich an!">
 

Kern, Internationalisierung, Events, Fokus, globale HTML 5-Attribute

align="left|middle|right|top|bottom" (Veraltet. Nicht in HTML 5.)

autofocus (autofocus="autofocus" in XHTML) (Nur HTML 5)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars" (Nur HTML 5)

name="text" (Erforderlich)

value="Text"

input type="checkbox"

Erzeugt innerhalb eines Formulars (form) ein Ankreuzfeld. Ankreuzfelder funktionieren wie An/Aus-Schalter, die der Benutzer betätigen kann. Mehrere gruppierte Ankreuzfelder können auch gleichzeitig aktiviert werden. Beim Abschicken des Formulars werden nur die Werte der aktivierten Ankreuzfelder an den Server übermittelt:

Kern, Internationalisierung, Events, Fokus, globale HTML 5-Attribute

align="left|middle|right|top|bottom" (Veraltet. Nicht in HTML 5.)

autofocus (autofocus="autofocus" in XHTML) (Nur HTML 5)

checked (checked="checked" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars" (Nur HTML 5)

name="text" (Erforderlich)

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML) (Nur HTML 5)

value="text" (Erforderlich)

input type="color"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt eine Farbpalette für die Auswahl einer bestimmten Farbe:

 
<input type="color" value="3D458A">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

name="Name"

value="Text"

input type="date"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein Eingabeelement für ein Datum, z. B. einen Kalender, der bei Bedarf angezeigt wird, um ein Datum (Jahr, Monat, Tag) ohne Angabe einer Zeitzone einzugeben. Der Startwert muss ein Datum im ISO-Datumsformat sein:

 
<input type="date" name="Geburtstag" value="2004-01-14">
 

Globale HTML 5-Attribute

autofocus (autofocus="autofocus" in XHTML)

autocomplete="on|off"

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

max="Zahl oder Zeichenkette"

min="Zahl oder Zeichenkette"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

step="any|Zahl"

value="YYYY-MM-DD"

input type="datetime"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein kombiniertes Eingabeelement für Datum und Uhrzeit. Das als Wert angegebene Datum und die Uhrzeit müssen ISO-konform formatiert sein. Sie sind als UTC-Zeit (ehemals GMT) definiert und müssen so auch übermittelt werden:

 
<input type="datetime" name="post" value="2004-01-14T18:05:32:00Z">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

max="Zahl oder Zeichenkette"

min="Zahl oder Zeichenkette"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

step="any|Zahl"

value="YYYY-MM-DDThh:mm:ssTZD"

input type="datetime-local"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein kombiniertes Eingabeelement für Datum und Uhrzeit, wobei davon ausgegangen wird, dass sich die Uhrzeit auf die lokale Zeitzone bezieht. Startwerte müssen ISO-konform angegeben werden. Sie sind als UTC-Zeit (ehemals GMT) definiert und müssen so auch übermittelt werden:

 
<input type="datetime-local" name="post" value="2009-06-23T13:44:16:00">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

max="Zahl oder Zeichenkette"

min="Zahl oder Zeichenkette"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

step="any|Zahl"

value="YYYY-MM-DDThh:mm:ss"

input type="email"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein Text-Eingabefeld für die Angabe einer oder mehrerer E-Mail-Adressen. Der User Agent (Browser) kann die Angabe anhand bestimmter Suchmuster untersuchen, um sicherzustellen, dass die Eingabe eine korrekte E-Mail-Adresse ist:

 
<input type="email" name="post" value="jan@example.com">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

maxlength="Zahl"

multiple (multiple="multiple" in XHTML)

pattern="Regulärer Ausdruck in JavaScript-Schreibweise"

placeholder="Text"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

size="Zahl"

value="Text"

input type="file"

Ermöglicht es Benutzern durch Bereitstellung eines Suchmechanismus lokal gespeicherte Dateien über das Formular an den Server zu senden:

Kern, Internationalisierung, Events, Fokus, globale HTML 5-Attribute

accept="MIME type"

autofocus (autofocus="autofocus" in XHTML) (Nur HTML 5)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars" (Nur HTML 5)

maxlength="Zahl"

multiple (multiple="multiple" in XHTML) (Nur HTML 5)

name="text" (Erforderlich)

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML) (Nur HTML 5)

size="Zahl"

value="Text"

input type="hidden"

Erzeugt ein Kontrollelement, das nicht im Browser angezeigt wird. Versteckte Kontrollelemente können benutzt werden, um bestimmte, für die Verarbeitung des Formulars notwendige Informationen an den Server zu schicken, die der Benutzer weder sehen noch verändern soll:

 
<input type="hidden" name="Katalognummer" value="12-XL">
 

Globale HTML 5-Attribute

accesskey="Zeichen"

disabled (disabled="disabled" in XHTML) (Nur HTML 5)

form="ID des übergeordneten Formulars" (Nur HTML 5)

name="Text" (Erforderlich)

tabindex="Zahl" (Nicht in HTML 5)

value="Text" (Erforderlich)

input type="image"

Ermöglicht die Verwendung einer Grafik anstelle eines Submit-Buttons (type="submit"). Wird ein Button mit dem Inhaltstyp type="image" angeklickt, wird das Formular abgeschickt:

 
<input type="image" src="graphics/abschicken.gif" alt="Abschicken">
 

Kern, Internationalisierung, Events, Fokus, globale HTML 5-Attribute

align="top|middle|bottom" (Nicht in HTML 5)

alt="text" (Nicht in HTML 5)

autofocus (autofocus="autofocus" in XHTML) (Nur HTML 5)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars" (Nur HTML 5)

formaction="URL" (Nur HTML 5)

formenctype="content type" (Nur HTML 5)

formmethod="get|post|put|delete" (Nur HTML 5)

formnovalidate (formnovalidate="formnovalidate" in XHTML) (Nur HTML 5)

formtarget="Name" (Nur HTML 5)

height="Höhe der Grafik in Pixeln" (Nur HTML 5)

ismap (ismap="ismap" in XHTML)

name="Text"

src="URL"

usemap="URL"

width="Breite der Grafik in Pixeln" (Nur HTML 5)

input type="month"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein Eingabefeld für ein Datum, z. B. einen Kalender, der bei Bedarf angezeigt wird und mit dem ein bestimmter Monat im Jahr angegeben werden kann:

 
<input type="month" value="2009-09" name="Vertragsende">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

max="Zahl oder Zeichenkette"

min="Zahl oder Zeichenkette"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

step="any|Zahl"

value="YYYY-MM"

input type="number"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein Eingabeelement für die Eingabe einer Zahl (ein Textfeld oder ein Zahlenrad):

 
<input type="number" name="Preis" minimum="100000" max="1000000" step="10000">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

max="Zahl"

min="Zahl"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

step="any|Zahl"

value="Text oder Zahl"

input type="password"

Erzeugt ein Texteingabefeld (wie <input type="text">). Allerdings wird der eingegebene Text so dargestellt, dass die Zeichen selbst nicht zu sehen sind. Stattdessen wird eine Folge von Punkten oder Asterisken (*) angezeigt. Beachten Sie, dass die Informationen hierbei nicht verschlüsselt werden und dass ein solches Feld keine Erhöhung der Sicherheit bedeutet:

 
<input type="password" name="Passwort" size="8"maxlength="8" value="abcdefg">
 

Kern, Internationalisierung, Events, Fokus, globale HTML 5-Attribute

autocomplete="on|off" (Nur HTML 5)

autofocus (autofocus="autofocus" in XHTML) (Nur HTML 5)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars" (Nur HTML 5)

maxlength="Zahl"

name="text" (Erforderlich)

pattern="Regulärer Ausdruck in JavaScript-Schreibweise" (Nur HTML 5)

placeholder="text" (Nur HTML 5)

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML) (Nur HTML 5)

size="Zahl"

value="Text"

input type="radio"

Erzeugt einen Radiobutton, der ein- und ausgeschaltet werden kann. Hat eine Reihe von Radiobuttons den gleichen Namen, kann immer nur einer der Buttons aktiviert (»an«) sein, die anderen sind inaktiv (»aus«). Hier liegt der Unterschied zu Ankreuzfeldern, die auch eine Mehrfachauswahl innerhalb einer Gruppe ermöglichen. Beim Abschicken des Formulars werden nur die Daten der aktiven Radiobuttons an verarbeitende Programme übermittelt:

Kern, Internationalisierung, Events, Fokus, globale HTML 5-Attribute

checked (checked="checked" in XHTML)

autofocus (autofocus="autofocus" in XHTML) (Nur HTML 5)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars" (Nur HTML 5)

name="Text" (Erforderlich)

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML) (Nur HTML 5)

value="Text" (Erforderlich)

input type="range"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt einen Schieberegler, mit dem der Benutzer einen Wert angeben kann, der nicht präzise sein muss. Der Wertebereich (engl. range) beginnt mit dem im Attribut min angegebenen Wert (der Standardwert ist 0) und endet bei dem per max angegebenen Wert (der Standardwert ist 100):

 
<input type="range" name="Zufriedenheit" min="0" max="10">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

max="Zahl"

min="Zahl"

name="Name"

step="any|Zahl"

value="Text"

input type="reset"

Erzeugt einen Reset-Button, mit dem die Formulareingaben gelöscht bzw. wieder auf die Ausgangswerte zurückgesetzt werden können:

 
<input type="reset" value="Nochmal von vorne">
 

Kern, Internationalisierung, Events, Fokus, globale HTML 5-Attribute

autofocus (autofocus="autofocus" in XHTML) (Nur HTML 5)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars" (Nur HTML 5)

name="Text"

value="Text"

input type="search"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein einzeiliges Texteingabefeld für die Eingabe einer Suchabfrage:

 
<input type="search" name="suche" size="25" value="Suchbegriff eingeben">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

maxlength="Zahl"

pattern="Regulärer Ausdruck in JavaScript-Schreibweise"

placeholder="Text"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

size="Zahl"

value="Text"

input type="submit"

Erzeugt einen Submit-Button. Wird der Button angeklickt, werden die in das Formular eingegebenen Informationen zur Verarbeitung an den Server übermittelt:

Kern, Internationalisierung, Events, Fokus, globale HTML 5-Attribute

autofocus (autofocus="autofocus" in XHTML) (Nur HTML 5)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars" (Nur HTML 5)

formaction="URL" (Nur HTML 5)

formenctype="Inhaltstyp" (Nur HTML 5)

formmethod="get|post|put|delete" (Nur HTML 5)

formnovalidate (formnovalidate="formnovalidate" in XHTML) (Nur HTML 5)

formtarget="Name" (Nur HTML 5)

name="Text"

value="Text"

input type="tel"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein Eingabefeld für die Angabe und Bearbeitung einer Telefonnummer:

 
<input type="tel" name="Telefon" value="123-555-2000">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

maxlength="Zahl"

pattern="Regulärer Ausdruck in JavaScript-Schreibweise"

placeholder="Text"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

size="Zahl"

value="Text"

input type="text"

Erzeugt ein Texteingabefeld. Dies ist der Standardwert für das Attribut type und einer der nützlichsten und beliebtesten Werte. Für das Attribut value angegebener Text wird beim Laden des Formulars im Eingabefeld angezeigt:

 
<input type="text" name="Name" size="15" maxlength="50" value="Hier den Namen eingeben">
 

Kern, Internationalisierung, Events, Fokus, globale HTML 5-Attribute

autocomplete="on|off" (Nur HTML 5)

autofocus (autofocus="autofocus" in XHTML) (Nur HTML 5)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars" (Nur HTML 5)

list="ID des datalist-Elements" (Nur HTML 5)

maxlength="Zahl"

name="text" (Erforderlich)

pattern="Regulärer Ausdruck in JavaScript-Schreibweise" (Nur HTML 5)

placeholder="Text" (Nur HTML 5)

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML) (Nur HTML 5)

size="Zahl"

value="Text"

input type="time"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein Eingabefeld für die Angabe einer Uhrzeit (Stunde, Minute, Sekunden, Sekundenbruchteile) ohne Angabe einer Zeitzone:

 
<input type="time" name="Uhrzeit" value="23:15:00">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

max="Zahl oder Zeichenkette"

min="Zahl oder Zeichenkette"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

step="any|Zahl"

value="hh:mm:ss"

input type="url"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein Eingabefeld für die Angabe eines URLs. Der User Agent (Browser) kann das korrekte Format des URLs anhand des mit pattern angegebenen regulären Ausdrucks überprüfen und gegebenenfalls eine Fehlermeldung zurückgeben:

 
<input type="url" name="Blog" size="25" value="http://www.example.com">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

maxlength="Zahl"

pattern="Regulärer Ausdruck in JavaScript-Schreibweise"

placeholder="Text"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

size="Zahl"

value="Text"

input type="week"

Dieser Inhaltstyp und seine Attribute finden nur in HTML 5 Verwendung.

Erzeugt ein Eingabeelement für die Angabe einer bestimmten Woche eines Jahres, z. B. in Form eines Kalenders. Die angegebenen Werte müssen dem ISO-Zahlenformat entsprechen:

 
<input type="week" name="diesewoche" value="2009-W34">
 

Globale HTML 5-Attribute

autocomplete="on|off"

autofocus (autofocus="autofocus" in XHTML)

disabled (disabled="disabled" in XHTML)

form="ID des übergeordneten Formulars"

list="ID des datalist-Elements"

max="Zahl oder Zeichenkette"

min="Zahl oder Zeichenkette"

name="Name"

readonly (readonly="readonly" in XHTML)

required (required="required" in XHTML)

step="any|Zahl"

value="YYYY-W#"