Kalender
Anmeldung
Webmail
Hilfe
SchulungFEN Startseite > ~xx502 > Forms > Lektion21
Web Formulare
Kapitel 21 - Klick-Button
Diese Buttons sind erst ab HTML-Version 4 definiert.
Du kannst anklickbare Buttons definieren, die keine spezielle Bedeutung haben. Sinnvoll sind solche frei definierbaren Buttons nur in Verbindung mit Scriptsprachen wie JavaScript. In der Regel werden sie dazu verwendet, Verweise oder andere JavaScript-gesteuerte Befehle auszuführen.
|
<form> <input type="button" value="Zurück" onclick="history.back()" /> </form> |
Die Beschriftung des Buttons mußt du mit der Eigenschaft value angeben. Um anzugeben, was passieren soll, wenn der Button angeklickt wird, kannst du beispielsweise den JavaScript Event-Handler onclick verwenden. Gib hinter dem Gleichheitszeichen einen JavaScript-Befehl ein, z.B. den Aufruf einer selbstgeschriebenen JavaScript-Funktion, oder - wie im Beispiel - einen einfachen JavaScript-Befehl.
Noch ein Klick-Button
Ab der HTML-Version 4.0 dürfen anklickbare Buttons endlich so heißen wie sie heißen: nämlich Button. Solche Buttons sind flexibler als herkömmliche Buttons, denn sie dürfen auch einen definierten Inhalt haben, etwa eine Grafik.
Hinweis:
Diese Eigenschaft wird vom IE ab Version 4 und Netscape bisher gar nicht unterstützt !
Netscape ignoriert dabei nur die Button-Tags selbst und zeigt die Inhalte (z.B. ein Bild) ohne Klickfunktion an.
Meine Empfehlung: Nicht verwenden.
Wie die anderen Eigenschaften stelle ich auch diese trotzdem vor. Alternativ kannst du meist eine normale Grafik mit onclick anklickbar machen und damit zum gleichen Ergebnis kommen.
|
<form> <button type="button" name="zurueck" value="Zurück" onclick="history.back()"> <img src="submit.gif" width="94" height="26" alt="Abschicken" border="0" /> </button> </form> |
Hinweis:
Mit dieser Button-Art gibt es noch weitere Anwendungen. Du kannst so z.B. auch einen grafischen Reset-Button realisieren. Denke aber bitte daran, dass du mit der Verwendung dieses Button Anwender von der Verwendung deiner Homepage ausschließt.
Der HTML-Standard definiert ab Version 4 eine Möglichkeit Formularelemente zu gruppieren. Im nächsten Kapitel stelle ich dir diese Tags.
Zielfenster def.
Inhalt
Elemente gruppieren