Referenz:HTML/input

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Name input HTML5 HTML 4.0
Bedeutung stellt ein Datenfeld dar, das in der Regel mit einem form-Element in Verbindung steht, wodurch es dem Benutzer ermöglicht wird, Daten zu bearbeiten
Syntax Start-Tag: notwendig
End-Tag: verboten
<input>
optionale Tags

{{{optional}}}

WAI-ARIA-Rolle
  • keine, falls type = date, datetime, datetime-local, week, month, time, file, hidden
  • button, falls type = button, image, reset, submit
  • checkbox, falls type = checkbox
  • combobox, falls type = text, search, tel, url, email mit Vorschlägen
  • menuitem, falls type = button, image in einem menu-Element
  • menuitemcheckbox, falls type = checkbox in einem menu-Element
  • menuitemradio, falls type = radio in einem menu-Element
  • radio, falls type = radio
  • slider, falls type = range
  • spinbutton, falls type = number
  • textbox, falls type = email, password, search, tel, text, url ohne Vorschläge
  • ?, falls type = color
  • (Details)
Elternelemente Darf vorkommen in:
  • allen Elementen, die fließenden Inhalt erlauben
Info: Elemente, die fließenden Inhalt erlauben (flow content expected)Info: Elemente, die fließenden Inhalt erlauben (flow content expected)

Information: Elemente, die fließenden Inhalt erlauben

erlaubte Inhalte

keine, leeres Element

Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Spezifikation W3c logo klein.gif The input Element
Beachten Sie
Tipp
Validität Prüfen Sie, ob Ihr Markup valide ist, falls Sie sich nicht sicher sind.
Attribute
Name Inhalt Standardwert Bedeutung
Universalattribute
id ID identifiziert ein einziges Element innerhalb eines Dokuments
class CDATA ordnet ein Element einer oder mehreren Klassen zu.
accesskey ID Tastaturkürzel
contenteditable CDATA editierbarer Inhalt
contextmenu definiert Kontextmenü
dir ltr, rtl definiert die Schreibrichtung innerhalb des Dokuments
draggable ID kann mit Drag & Drop gezogen werden
dropzone CDATA Aktion bei Ablegen
hidden versteckter Inhalt
lang NAME legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766]
spellcheck ID Rechtschreibprüfung
style CDATA notiert direkt in einem Element- style sheet data
tabindex NAME zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird.
title CDATA betitelt oder beschreibt ein Element.
type text, button, checkbox, color, date, datetime, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, time, url, week text Bestimmt den Typen des Eingabe-Elementes.
accept CDATA Wenn das Element für den Typ Datei ist, bestimmt dieses die Dateitypen die vom Server akzeptiert werden. Eine durch Komma getrennte Liste der MIME- oder Medientypen, siehe RFC2045
autocomplete off, on bestimmt, ob der, im Element eingegebene Wert, automatisch durch den Browser vervollständigt werden kann. Dieses Attribut wird ignoriert, wenn der Typedes Elementes hidden, password, checkbox, radio, file oder eine Schaltfläche ist.
alt CDATA alternativer Text, der angezeigt wird, wenn das Element vom Typ Image ist und das Bild nicht geladen werden kann.
autofocus Boolesches Attribut Focus wird beim Laden auf dieses Element gelegt.
checked Boolesches Attribut bestimmt, dass Radio-Schaltflächen und Checkboxen vorausgewählt sind
disabled Boolesches Attribut legt fest, dass das Element ausgegraut, d.h. nicht benutzbar ist
form CDATA Identifizierungsname des form-Elements mit dem es in Verbindung steht.
formaction CDATA URI der Datei (Script), die die Verarbeitung der Eingaben übernimmt.
formenctype application/x-www-form-urlencoded, multipart/form-data, text/plain application/x-www-form-urlencoded legt den Inhalts-Typ fest.
formmethod GET, POST bestimmt, mit welcher Anfragemethode der Browser die Daten des Elements übermittelt.
formnovalidate Boolesches Attribut legt fest, dass das Formular vor dem Senden nicht überprüft wird, wenn das Element vom Type button oder image ist.
formtarget _self, _blank, _parent, _top _self bestimmt das Zielfenster, in dem die ausgewerteten Daten angezeigt werden, wenn das Eingabeelement vom Type button oder image ist.
height CDATA bestimmt die Höhe des Elements, wenn das Element vom Typ image ist.
inputmode verbatim, latin, latin-name, latin-prose, full-width-latin, kana, katakana, numeric, tel, email, url Ein Hinweis an den Browser, welche Tastatur angezeigt werden soll, wenn das Element vom Typ text, password, email oder url ist.
list CDATA Identifizierungsname des datalist-Elements mit dem es in Verbindung steht.
max NUMBER maximaler (numerischer oder Datum/Uhrzeit) Wert für dieses Element, das nicht weniger als der Minimalwert (min-Attribut) sein darf.
maxlength NUMBER Die maximale Anzahl von Zeichen für ein Textfeld, wenn diese vom Typ text, email, search, password, tel, oder url ist.
min NUMBER Der minimale (numerische oder Datum/Uhrzeit) Wert für dieses Element, das nicht größer als der Maximalwert (max-Attribut) sein darf.
minlength NUMBER Die minimale Anzahl von Zeichen für ein Textfeld, wenn diese vom Typ text, email, search, password, tel, oder url ist.
multiple Boolesches Attribut Bestimmt, dass der Benutzer mehr als einen Wert auswählen kann, wenn der Typ des Elements email oder file ist.
name CDATA Name des Elementes, welcher mit den Formulardaten übermittelt wird.
pattern CDATA Suchmuster mit Hilfe von Regulären Ausdrücken.
placeholder CDATA Platzhalter die die Art der Eingabe vorschlagen.
readonly Boolesches Attribut bestimmt, dass der Wert des Elements nicht verändert werden kann. Ist das Element vom Type hidden, range, color, checkbox, radio, file oder button, wird dieses Attribut ignoriert.
required Boolesches Attribut bestimmt, dass eine Eingabe in das Element erfolgen muss, bevor es abgesendet werden kann. Das Attribut kann nicht genutzt werden, wenn das Eingabeelement vom Type hidden, image, oder button ist.
size CDATA bestimmt die Größe des Elementes in Pixeln, es sei denn der Typ des Elementes ist text oder password. In diesem Fall wäre es die Anzahl an Zeichen.
src CDATA Wenn das Eingabeelement vom Typ image ist, gibt dies den URI Verzeichnisspfad des Bildes an, welches auf der Schaltfläche angezeigt wird. Anderfalls wird dieses Attribut ignoriert.
step CDATA legt Schritte für die min und max Attribute fest
value CDATA bestimmt den Initialisierungswert des Elements. Dieser Wert wird ignoriert, wenn das Element vom Typ radio oder checkbox ist.
width CDATA Wenn das Element vom Type Bild ist, definiert dieses Attribut die Breite des Bildes das auf der Schaltfläche angezeigt wird.

Attribut: Pflichtattribut
Attribut: optionales Attribut

HTML 4.01 Strict[Bearbeiten]

Bedeutung form control
Tags Start-Tag: notwendig
End-Tag: verboten

<input>

Elternelemente Darf vorkommen in:

a, abbr, acronym, address, b, bdo, big, caption, cite, code, dd, del, dfn, div, dt, em, fieldset, h1, h2, h3, h4, h5, h6, i, ins, kbd, label, legend, li, object, p, pre, q, samp, small, span, strong, sub, sup, td, th, tt, var

Kindelemente
Attribute
Name Inhalt Standardwert Bedeutung
Universalattribute
id ID document-wide unique id
class CDATA space-separated list of classes
style CDATA associated style info - style sheet data
title CDATA advisory title
lang NAME language code - a language code, as per [RFC1766]
dir ltr, rtl direction for weak/neutral text
onclick CDATA a pointer button was clicked - script expression
ondblclick CDATA a pointer button was double clicked - script expression
onmousedown CDATA a pointer button was pressed down - script expression
onmouseup CDATA a pointer button was released - script expression
onmouseover CDATA a pointer was moved onto - script expression
onmousemove CDATA a pointer was moved within - script expression
onmouseout CDATA a pointer was moved away - script expression
onkeypress CDATA a key was pressed and released - script expression
onkeydown CDATA a key was pressed down - script expression
onkeyup CDATA a key was released - script expression
type (TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, FILE, HIDDEN, IMAGE, BUTTON) TEXT what kind of widget is needed
name CDATA submit as part of form
value CDATA Specify for radio buttons and checkboxes
checked checked for radio buttons and check boxes
disabled disabled unavailable in this context
readonly readonly for text and passwd
size CDATA specific to each type of field
maxlength NUMBER max chars for text fields
src CDATA for fields with images - a Uniform Resource Identifier, see [URI]
alt CDATA short description
usemap CDATA use client-side image map - a Uniform Resource Identifier, see [URI]
ismap ismap use server-side image map
tabindex NUMBER position in tabbing order
accesskey CDATA accessibility key character - a single character from [ISO10646]
onfocus CDATA the element got the focus - script expression
onblur CDATA the element lost the focus - script expression
onselect CDATA some text was selected - script expression
onchange CDATA the element value was changed - script expression
accept CDATA list of MIME types for file upload - comma-separated list of media types, as per [RFC2045]


HTML 4.01 Transitional[Bearbeiten]

Bedeutung form control
Tags Start-Tag: notwendig
End-Tag: verboten

<input>

Elternelemente Darf vorkommen in:

a, abbr, acronym, address, applet, b, bdo, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, i, iframe, ins, kbd, label, legend, li, noframes, noscript, object, p, pre, q, s, samp, small, span, strike, strong, sub, sup, td, th, tt, u, var

Kindelemente
Attribute
Name Inhalt Standardwert Bedeutung
Universalattribute
id ID document-wide unique id
class CDATA space-separated list of classes
style CDATA associated style info - style sheet data
title CDATA advisory title
lang NAME language code - a language code, as per [RFC1766]
dir ltr, rtl direction for weak/neutral text
onclick CDATA a pointer button was clicked - script expression
ondblclick CDATA a pointer button was double clicked - script expression
onmousedown CDATA a pointer button was pressed down - script expression
onmouseup CDATA a pointer button was released - script expression
onmouseover CDATA a pointer was moved onto - script expression
onmousemove CDATA a pointer was moved within - script expression
onmouseout CDATA a pointer was moved away - script expression
onkeypress CDATA a key was pressed and released - script expression
onkeydown CDATA a key was pressed down - script expression
onkeyup CDATA a key was released - script expression
type (TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, FILE, HIDDEN, IMAGE, BUTTON) TEXT what kind of widget is needed
name CDATA submit as part of form
value CDATA Specify for radio buttons and checkboxes
checked checked for radio buttons and check boxes
disabled disabled unavailable in this context
readonly readonly for text and passwd
size CDATA specific to each type of field
maxlength NUMBER max chars for text fields
src CDATA for fields with images - a Uniform Resource Identifier, see [URI]
alt CDATA short description
usemap CDATA use client-side image map - a Uniform Resource Identifier, see [URI]
ismap ismap use server-side image map
tabindex NUMBER position in tabbing order
accesskey CDATA accessibility key character - a single character from [ISO10646]
onfocus CDATA the element got the focus - script expression
onblur CDATA the element lost the focus - script expression
onselect CDATA some text was selected - script expression
onchange CDATA the element value was changed - script expression
accept CDATA list of MIME types for file upload - comma-separated list of media types, as per [RFC2045]
align (top, middle, bottom, left, right) vertical or horizontal alignment - center?


HTML 4.01 Frameset[Bearbeiten]

Bedeutung form control
Tags Start-Tag: notwendig
End-Tag: verboten

<input>

Elternelemente Darf vorkommen in:

a, abbr, acronym, address, applet, b, bdo, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, i, iframe, ins, kbd, label, legend, li, noscript, object, p, pre, q, s, samp, small, span, strike, strong, sub, sup, td, th, tt, u, var

Kindelemente
Attribute
Name Inhalt Standardwert Bedeutung
Universalattribute
id ID document-wide unique id
class CDATA space-separated list of classes
style CDATA associated style info - style sheet data
title CDATA advisory title
lang NAME language code - a language code, as per [RFC1766]
dir ltr, rtl direction for weak/neutral text
onclick CDATA a pointer button was clicked - script expression
ondblclick CDATA a pointer button was double clicked - script expression
onmousedown CDATA a pointer button was pressed down - script expression
onmouseup CDATA a pointer button was released - script expression
onmouseover CDATA a pointer was moved onto - script expression
onmousemove CDATA a pointer was moved within - script expression
onmouseout CDATA a pointer was moved away - script expression
onkeypress CDATA a key was pressed and released - script expression
onkeydown CDATA a key was pressed down - script expression
onkeyup CDATA a key was released - script expression
type (TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, FILE, HIDDEN, IMAGE, BUTTON) TEXT what kind of widget is needed
name CDATA submit as part of form
value CDATA Specify for radio buttons and checkboxes
checked checked for radio buttons and check boxes
disabled disabled unavailable in this context
readonly readonly for text and passwd
size CDATA specific to each type of field
maxlength NUMBER max chars for text fields
src CDATA for fields with images - a Uniform Resource Identifier, see [URI]
alt CDATA short description
usemap CDATA use client-side image map - a Uniform Resource Identifier, see [URI]
ismap ismap use server-side image map
tabindex NUMBER position in tabbing order
accesskey CDATA accessibility key character - a single character from [ISO10646]
onfocus CDATA the element got the focus - script expression
onblur CDATA the element lost the focus - script expression
onselect CDATA some text was selected - script expression
onchange CDATA the element value was changed - script expression
accept CDATA list of MIME types for file upload - comma-separated list of media types, as per [RFC2045]
align (top, middle, bottom, left, right) vertical or horizontal alignment - center?


XHTML 1.0 Strict[Bearbeiten]

Bedeutung
Tags Start-Tag: notwendig
End-Tag: leer

<input />
<input></input>

Elternelemente Darf vorkommen in:

a, abbr, acronym, address, b, bdo, big, caption, cite, code, dd, del, dfn, div, dt, em, fieldset, h1, h2, h3, h4, h5, h6, i, ins, kbd, label, legend, li, object, p, pre, q, samp, small, span, strong, sub, sup, td, th, tt, var

Kindelemente
Attribute
Name Inhalt Standardwert Bedeutung
Universalattribute
id ID
class CDATA
style CDATA
title CDATA
lang NMTOKEN
xml:lang NMTOKEN
dir ltr, rtl
onclick CDATA
ondblclick CDATA
onmousedown CDATA
onmouseup CDATA
onmouseover CDATA
onmousemove CDATA
onmouseout CDATA
onkeypress CDATA
onkeydown CDATA
onkeyup CDATA
accesskey CDATA
tabindex CDATA
onfocus CDATA
onblur CDATA
type (text, password, checkbox, radio, submit, reset, file, hidden, image, button) text
name CDATA
value CDATA
checked checked
disabled disabled
readonly readonly
size CDATA
maxlength CDATA
src CDATA
alt CDATA
usemap CDATA
onselect CDATA
onchange CDATA
accept CDATA


XHTML 1.0 Transitional[Bearbeiten]

Bedeutung
Tags Start-Tag: notwendig
End-Tag: leer

<input />
<input></input>

Elternelemente Darf vorkommen in:

a, abbr, acronym, address, applet, b, bdo, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, i, iframe, ins, kbd, label, legend, li, noframes, noscript, object, p, pre, q, s, samp, small, span, strike, strong, sub, sup, td, th, tt, u, var

Kindelemente
Attribute
Name Inhalt Standardwert Bedeutung
Universalattribute
id ID
class CDATA
style CDATA
title CDATA
lang NMTOKEN
xml:lang NMTOKEN
dir ltr, rtl
onclick CDATA
ondblclick CDATA
onmousedown CDATA
onmouseup CDATA
onmouseover CDATA
onmousemove CDATA
onmouseout CDATA
onkeypress CDATA
onkeydown CDATA
onkeyup CDATA
accesskey CDATA
tabindex CDATA
onfocus CDATA
onblur CDATA
type (text, password, checkbox, radio, submit, reset, file, hidden, image, button) text
name CDATA
value CDATA
checked checked
disabled disabled
readonly readonly
size CDATA
maxlength CDATA
src CDATA
alt CDATA
usemap CDATA
onselect CDATA
onchange CDATA
accept CDATA
align (top, middle, bottom, left, right)


XHTML 1.0 Frameset[Bearbeiten]

Bedeutung
Tags Start-Tag: notwendig
End-Tag: leer

<input />
<input></input>

Elternelemente Darf vorkommen in:

a, abbr, acronym, address, applet, b, bdo, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, i, iframe, ins, kbd, label, legend, li, noscript, object, p, pre, q, s, samp, small, span, strike, strong, sub, sup, td, th, tt, u, var

Kindelemente
Attribute
Name Inhalt Standardwert Bedeutung
Universalattribute
id ID
class CDATA
style CDATA
title CDATA
lang NMTOKEN
xml:lang NMTOKEN
dir ltr, rtl
onclick CDATA
ondblclick CDATA
onmousedown CDATA
onmouseup CDATA
onmouseover CDATA
onmousemove CDATA
onmouseout CDATA
onkeypress CDATA
onkeydown CDATA
onkeyup CDATA
accesskey CDATA
tabindex CDATA
onfocus CDATA
onblur CDATA
type (text, password, checkbox, radio, submit, reset, file, hidden, image, button) text
name CDATA
value CDATA
checked checked
disabled disabled
readonly readonly
size CDATA
maxlength CDATA
src CDATA
alt CDATA
usemap CDATA
onselect CDATA
onchange CDATA
accept CDATA
align (top, middle, bottom, left, right)