Cascading Stylesheets Stil mit <Stil>
Cascading Stylesheets Stil mit <Stil> Das <button>-Tag erzeugt eine Schaltfläche in einem Formular. Eine Schaltfläche kann einen Inhalt haben, der aus einem Bild oder Text besteht. Wenn der Inhalt ein Text ist, kann die Schaltfläche zusätzlich in einer 3D-Optik dargestellt werden. Das <button>-Tag erzeugt ein Inlineelement, d.h., es führt nicht zu einem Zeilenvorschub.
Die vier Tags, die Steuerungsmechanismen in Formularen bieten, sind:
Jeder Inhalt – Text oder Bild –, der zwischen dem öffnenden und schließenden <button>-Tag gesetzt wird, wird in der Schaltfläche gerendert. Innerhalb des Textes können die meisten HTML-Tags stehen und wie erwartet funktionieren. Die einzige Ausnahme bilden Image Maps, die mit den <map>- und <area>-Tags erzeugt werden, sie können nicht in einer Schaltfläche stehen.
Weiterhin sollte eine Schaltfläche keine weiteren <button>-Tags enthalten und ebenso wenig die Tags <fieldset>, <form>, <iframe>, <input>, <isindex>, <label>, <select> oder <textarea>.
Das schließende Tag ist erforderlich.
| Kernattribute | class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title |
| accesskey | Das Attribut accesskey bestimmt eine Taste auf der Tastatur, die beim Drücken zusammen mit der Alt-, Strg- oder Befehlstaste einen Link aktiviert. Das Attribut wird nur spärlich unterstützt. |
| disabled | Das Attribut disabled ist ein boolescher Wert. Wenn er angegeben ist, setzt er die Schaltfläche außer Kraft. In einigen Browsern wird die Schaltfläche ausgegraut dargestellt. |
| name | Das Attribut name weist einer Schaltfläche eine Zeichenkette als eindeutige Bezeichnung zu. |
| onblur | Das Attribut onblur initiiert die Ausführung eines JavaScripts, wenn ein Element den Fokus verliert (z.B. wenn die Maus in ein anderes Element geklickt wurde oder die Navigation mit der Tabulatortaste den Mauszeiger in ein anderes Element platziert). |
| onfocus | Das Attribut onfocus erkennt, dass ein Element aktiviert wurde – in den Fokus kam – (zum Beispiel, wenn die Maus auf das Element geklickt wurde oder eine Navigation mit der Tabulatortaste den Mauszeiger auf das Element gesetzt hat), und initiiert ein JavaScript. |
| tabindex | Das Attribut tabindex ist eine ganze Zahl, die den Rang innerhalb der Tabulatoraufrufe bei der Navigation mit der Tastatur festlegt. Das Attribut wird nur spärlich unterstützt. |
| type | Das Attribut type bestimmt die Art der Schaltfläche. Die erlaubten Werte sind button, reset oder submit. |
| value | Das Attribut value weist einer Schaltfläche einen Wert zu. Der Wert kann später durch ein Skript geändert werden. |
Wenn Sie mit der Maus auf eine Schaltfläche klicken, wird eine Mitteilung eingespielt.
<button type="button" name="schalter"
onClick="JavaScript: alert('Ein Button')">Zum
Abschicken bitte die Schaltfläche klicken!</button>