Submit- und Resetbuttons

Submitbutton

Der Submitbutton überträgt die Formulardaten an den Server.

<input type="submit" value="Abschicken">

Folgende Attribute stehen zur Verfügung:

type="submit"
Legt fest, dass es sich um einen Submitbutton handelt.
value="Absenden"
Dieses Attribut legt die Beschriftung fest. Wird es nicht benutzt, wird der Button automatisch mit "Submit Query" beschriftet.

Grafik als Submitbutton

Geben sie als Attribut src="bildname.gif" an, dann erscheint statt des langweiigen Standard-Buttons die angegebene Grafik.

<input type=image src="submit.gif">

Für den Submitbutton kann auch eine Grafik eingesetzt werden. Leider steht diese Möglichkeit nur für den Submitbutton zur Verfügung.

Resetbutton

<input type="reset" value="Löschen">

Der Resetbutton ermöglicht es dem Benutzer, die eingegebenen Daten im Formular zu löschen.

Gültige Attribute für den Resetbutton

type="reset"

Definiert einen Resetbutton.

value="Löschen"

Dieses Attribut legt die Beschriftung fest. Fehlt es, wird der Button automatisch mit "Reset" beschriftet.

Beispiele

Beispiel: Submit- und Resetbuttons

Klicken Sie hier, und sehen Sie einen einfachen Submitbutton, darunter eine Grafik, die als Submitbutton eingesetzt wurde und einen Resetbutton. Mit dem Attribut value wurde allen Buttons eine eigene Beschriftung zugewiesen. (Das Beispiel dient nur zur Veranschaulichung, die Knöpfe funktionieren nicht).

Der HTML-Code zu diesem Beispiel:

<form method="post">
  Submitbutton:<br>
  <input type="submit" value="Auf zum Server!">

  Grafik als Submitbutton:
  <input type="image" src="../datei/submit.gif" border="0" width="81" height="20">

  Resetbutton:
  <input type="reset" value="Bitte löschen!">
</form>

HTML lernen (3): Formulare einbinden