Referenz:HTML/button

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Hauptartikel: HTML/Formulare/Button
Name button HTML5 HTML 4.0
Bedeutung definiert eine anklickbare Schaltfläche
Syntax Start-Tag: notwendig
End-Tag: notwendig
<button>…</button>
optionale Tags

{{{optional}}}

WAI-ARIA-Rolle
  • button
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
  • Text
  • beliebig viele Stil-Elemente
  • aber keine interaktiven Elemente
Info: Stil-Elemente (phrasing content)Info: Stil-Elemente (phrasing content)

Information: Stil-Elemente

Info: interaktive Elemente (interactive content)Info: interaktive Elemente (interactive content)

Information: interaktive Elemente

Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Spezifikation W3c logo klein.gif The button 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.
autofocus Boolesches Attribut Focus wird beim Laden auf dieses Element gelegt.
disabled Boolesches Attribut legt fest, dass das Element ausgegraut, d.h. nicht benutzbar ist
form CDATA Identifizierungsname des form-Elementes mit dem es in Verbindung steht.
formaction CDATA URI der Datei (Script), das die Verarbeitung der Eingaben übernimmt.
formenctype CDATA legt den Inhalts-Typ fest. Mögliche Werte sind:
  • application/x-www-form-urlencoded: Standardwert ist nicht festgelegt.
  • multipart/form-data: Nutze diesen Wert, wenn der Wert des Attributes type auf file gesetzt wurde.
  • text/plain
formmethod GET, POST bestimmt, mit welcher Anfragemethode der Browser die Daten des Elementes übermittelt.
formnovalidate Boolesches Attribut legt fest, dass Formular nicht überprüft werden soll, wenn die Eingabe abgeschickt wird.
formtarget _self, _blank, _parent, _top _self Bestimmt das Zielfenster in dem die ausgewerteten Daten angezeigt werden.
name CDATA Name des Elementes, welcher mit den Formulardaten übermittelt wird.
type reset, submit, button submit Bestimmt den Typen des Schaltflächen-Elementes.
value CDATA Bestimmt den Initialisierungswert des Elementes.

Attribut: Pflichtattribut
Attribut: optionales Attribut

HTML 4.01 Strict[Bearbeiten]

Bedeutung Erzeugt einen Klick-Button
Tags Start-Tag: notwendig
End-Tag: notwendig

<button>…</button>

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 beliebig viele (entweder Block-ElementeBlock-Elemente (entweder p oder (entweder h1 oder h2 oder h3 oder h4 oder h5 oder h6) oder (entweder ul oder ol) oder pre oder dl oder div oder noscript oder blockquote oder form oder hr oder table oder fieldset oder address) oder Inline-ElementeInline-Elemente (entweder PCDATA oder (entweder tt oder i oder b oder big oder small) oder (entweder em oder strong oder dfn oder code oder samp oder kbd oder var oder cite oder abbr oder acronym) oder (entweder a oder img oder object oder br oder script oder map oder q oder sub oder sup oder span oder bdo) oder (entweder input oder select oder textarea oder label oder button)))

Aber nicht: (a, (entweder input oder select oder textarea oder label oder button), form, fieldset)

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
name CDATA
value CDATA sent to server when submitted
type button, submit, reset submit for use as form button
disabled disabled unavailable in this context
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


HTML 4.01 Transitional[Bearbeiten]

Bedeutung Erzeugt einen Klick-Button
Tags Start-Tag: notwendig
End-Tag: notwendig

<button>…</button>

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 beliebig viele (entweder Block-ElementeBlock-Elemente (entweder p oder (entweder h1 oder h2 oder h3 oder h4 oder h5 oder h6) oder (entweder ul oder ol oder dir oder menu) oder pre oder dl oder div oder center oder noscript oder noframes oder blockquote oder form oder isindex oder hr oder table oder fieldset oder address) oder Inline-ElementeInline-Elemente (entweder PCDATA oder (entweder tt oder i oder b oder u oder s oder strike oder big oder small) oder (entweder em oder strong oder dfn oder code oder samp oder kbd oder var oder cite oder abbr oder acronym) oder (entweder a oder img oder applet oder object oder font oder basefont oder br oder script oder map oder q oder sub oder sup oder span oder bdo oder iframe) oder (entweder input oder select oder textarea oder label oder button)))

Aber nicht: (a, (entweder input oder select oder textarea oder label oder button), form, isindex, fieldset, iframe)

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
name CDATA
value CDATA sent to server when submitted
type button, submit, reset submit for use as form button
disabled disabled unavailable in this context
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


HTML 4.01 Frameset[Bearbeiten]

Bedeutung Erzeugt einen Klick-Button
Tags Start-Tag: notwendig
End-Tag: notwendig

<button>…</button>

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 beliebig viele (entweder Block-ElementeBlock-Elemente (entweder p oder (entweder h1 oder h2 oder h3 oder h4 oder h5 oder h6) oder (entweder ul oder ol oder dir oder menu) oder pre oder dl oder div oder center oder noscript oder noframes oder blockquote oder form oder isindex oder hr oder table oder fieldset oder address) oder Inline-ElementeInline-Elemente (entweder PCDATA oder (entweder tt oder i oder b oder u oder s oder strike oder big oder small) oder (entweder em oder strong oder dfn oder code oder samp oder kbd oder var oder cite oder abbr oder acronym) oder (entweder a oder img oder applet oder object oder font oder basefont oder br oder script oder map oder q oder sub oder sup oder span oder bdo oder iframe) oder (entweder input oder select oder textarea oder label oder button)))

Aber nicht: (a, (entweder input oder select oder textarea oder label oder button), form, isindex, fieldset, iframe)

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
name CDATA
value CDATA sent to server when submitted
type button, submit, reset submit for use as form button
disabled disabled unavailable in this context
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


XHTML 1.0 Strict[Bearbeiten]

Bedeutung Erzeugt einen Klick-Button
Tags Start-Tag: notwendig
End-Tag: notwendig

<button>…</button>

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 beliebig viele (entweder PCDATA oder p oder (entweder h1 oder h2 oder h3 oder h4 oder h5 oder h6) oder div oder (entweder ul oder ol oder dl) oder (entweder pre oder hr oder blockquote oder address) oder table oder (entweder (entweder br oder span oder bdo oder map) oder object oder img) oder (entweder tt oder i oder b oder big oder small) oder (entweder em oder strong oder dfn oder code oder q oder samp oder kbd oder var oder cite oder abbr oder acronym oder sub oder sup) oder (entweder noscript oder (entweder ins oder del oder script)))
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
name CDATA
value CDATA
type button, submit, reset submit
disabled disabled


XHTML 1.0 Transitional[Bearbeiten]

Bedeutung Erzeugt einen Klick-Button
Tags Start-Tag: notwendig
End-Tag: notwendig

<button>…</button>

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 beliebig viele (entweder PCDATA oder p oder (entweder h1 oder h2 oder h3 oder h4 oder h5 oder h6) oder div oder (entweder ul oder ol oder dl oder menu oder dir) oder (entweder pre oder hr oder blockquote oder address oder center oder noframes) oder table oder br oder span oder bdo oder object oder applet oder img oder map oder (entweder (entweder tt oder i oder b oder u oder s oder strike) oder (entweder big oder small oder font oder basefont)) oder (entweder (entweder em oder strong oder dfn oder code oder q oder samp oder kbd oder var oder cite oder abbr oder acronym) oder (entweder sub oder sup)) oder (entweder noscript oder (entweder ins oder del oder script)))
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
name CDATA
value CDATA
type button, submit, reset submit
disabled disabled


XHTML 1.0 Frameset[Bearbeiten]

Bedeutung Erzeugt einen Klick-Button
Tags Start-Tag: notwendig
End-Tag: notwendig

<button>…</button>

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 beliebig viele (entweder PCDATA oder p oder (entweder h1 oder h2 oder h3 oder h4 oder h5 oder h6) oder div oder (entweder ul oder ol oder dl oder menu oder dir) oder (entweder pre oder hr oder blockquote oder address oder center) oder table oder br oder span oder bdo oder object oder applet oder img oder map oder (entweder (entweder tt oder i oder b oder u oder s oder strike) oder (entweder big oder small oder font oder basefont)) oder (entweder (entweder em oder strong oder dfn oder code oder q oder samp oder kbd oder var oder cite oder abbr oder acronym) oder (entweder sub oder sup)) oder (entweder noscript oder (entweder ins oder del oder script)))
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
name CDATA
value CDATA
type button, submit, reset submit
disabled disabled