öffentlich
Redaktion Druckversion

HTML lernen (3): Formulare einbinden

4.666665
(3)
Beitrag bewerten
Kommentar schreiben
Stand: 1. September 2007

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 hierAnzeigen, 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>

Mitglied werden, Vorteile nutzen!

  • Sie können alles lesen und herunterladen: Beiträge, PDF-Dateien und Zusatzdateien (Checklisten, Vorlagen, Musterbriefe, Excel-Rechner u.v.a.m.)
  • Unsere Autoren beantworten Ihre Fragen

Downloads zu diesem Beitrag

Über die Autorin:

bild117238

Kerstin Dankwerth arbeitet seit 1996 als Grafikerin und Web-Entwicklerin im Netz. Zu ihren Stammkunden gehören u.a. akademie.de, 104I9 OldieStar Radio, FDP Berlin,

Newsletter abonnieren