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

Die HTML-Anweisung <button> unterstützt 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 zumindest von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN unterstützt.

Standards

Der HTML-Befehl <button> wird mindestens in den Standards HTML und XHTML definiert.

Inhalte

Der Befehl <button> kann die HTML Anweisungen <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-Tags <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> genutzt werden.

Hinweise

Keine.

Weitere Beispiele und Lösungen

Keine.