HTML Tag button:
Button im HTML Formular

Beispiel

Erzeugt drei Buttons unterschiedlichen Typs (so natürlich nicht sinnvoll):

<form action="irgendwas">
<button type="submit" 
  name="sub" value="Los!"><br />
<button type="reset" 
  name="res" value="Reset!"><br />
<button type="button" 
  name="but" value="Click!" onlick="alert('irgendwas');"><br/>
</form>

Anwendung

Erzeugt einen Button, der so aussehen kann, wie ein üblicher Absende-Button, der mit <input> erzeugt wurde, jedoch nicht notwendig diese Funktion hat. Seine Funktion wird mit type bestimmt und kann alles sein, submit, reset oder beliebig (button). Letzterer type ist nützlich, um schmerzlos Button zu erzeugen, mit denen man dann Scripte o.ä. steuern kann.

Attribute

<button> hat die HTML Attribute:

Attribute Events Standard Attribute

Attribut	Beschreibung
`accesskey`	Zeichen für Shortkey
`class`	Space-separierte Liste von CSS-Klassen
`dir`	Ausrichtung von Text und Tabellen
`disabled`	abgeschaltetes Element
`id`	Universalattribut
`lang`	Sprache des Elementes
`name`	name des button, textarea
`onblur`	Auszuführender Javascript-Code bei Fokusverlust
`onclick`	Auszuführender Javascript-Code bei Klick
`ondblclick`	Auszuführender Javascript-Code bei Doppelklick
`onfocus`	Auszuführender Javascript-Code bei Fokuserhalt
`onkeydown`	Auszuführender Javascript-Code bei Drücken einer Taste
`onkeypress`	Auszuführender Javascript-Code bei gedrückt gehaltener Taste
`onkeyup`	Auszuführender Javascript-Code bei Loslassen einer Taste
`onmousedown`	Auszuführender Javascript-Code bei Drücken einer Maustaste
`onmousemove`	Auszuführender Javascript-Code, wenn die Maus bewegt wird
`onmouseout`	Auszuführender Javascript-Code, wenn die Maus das Element verlässt
`onmouseover`	Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
`onmouseup`	Auszuführender Javascript-Code bei Loslassen einer Maustaste
`style`	Inline Style
`tabindex`	Festlegung der Tabulatorreihenfolge
`title`	Bezeichnender Titel
`type`	Typen von button
`value`	Wert des Button

Browserunterstützung

<button> wird von den HTML-Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN unterstützt.

Standards

Die Anweisung <button> wird in den Standards HTML und XHTML definiert.

Inhalte

<button> kann die Befehle <a>, <abbr>, <acronym>, <address>, <applet>, <b>, <bdo>, <big>, <blockquote>, <center>, <cite>, <code>, <dfn>, <dir>, <div>, <dl>, <em>, <fieldset>, <font>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hr>, <i>, <iframe>, <img>, <input>, <isindex>, <kbd>, <label>, <mao>, <menu>, <noframes>, <noscript>, <object>, <ol>, <p>, <pre>, <q>, <s>, <samp>, <script>, <select>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <table>, <textarea>, <tt>, <u>, <ul> und <var> enthalten.

Verwendung

<button> kann in den HTML Befehlen <a>, <abbr>, <acronym>, <address>, <applet>, <b>, <bdo>, <big>, <blockquote>, <body>, <caption>, <center>, <cite>, <code>, <del>, <dd>, <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> und <var> enthalten sein.

Hinweise

Keine.

Weitere Beispiele und Lösungen