HTML Tag button:
Button im HTML Formular

von Thomas Salvador.

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:

AttributBeschreibung
accesskeyZeichen für Shortkey
classSpace-separierte Liste von CSS-Klassen
dirAusrichtung von Text und Tabellen
disabledabgeschaltetes Element
idUniversalattribut
langSprache des Elementes
namename des button, textarea
onblurAuszuführender Javascript-Code bei Fokusverlust
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onfocusAuszuführender Javascript-Code bei Fokuserhalt
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
styleInline Style
tabindexFestlegung der Tabulatorreihenfolge
titleBezeichnender Titel
typeTypen von button
valueWert 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

Keine.