SELFHTML/Quickbar  HTML  Formulare


Buttons zum Absenden oder Abbrechen

Diese Seite ist ein Dokument mit Informationstext

 Buttons zum Absenden oder Abbrechen definieren
 Grafische Buttons zum Absenden definieren
 Buttons zum Absenden oder Abbrechen definieren (HTML 4.0)
 Weitere Möglichkeiten

 

HTML2.0 Buttons zum Absenden oder Abbrechen definieren

Beispiel Anzeigebeispiel: So sieht's aus

Zwei Standard-Buttons stellt HTML zur Verfügung, um Formulareingaben zu handhaben: einen Button zum "Absenden" und einen zum "Abbrechen". Mit dem Absende-Button kann der Anwender das ausgefüllte Formular losschicken. Mit den Formulardaten geschieht dann das, was im einleitenden <form>-Tag bei action= festgelegt wurde (siehe hierzu  Formular definieren). Mit dem Abbrechen-Button kann der Anwender alle Eingaben verwerfen. Das Formular wird nicht abgeschickt.

Beispiel:

<input type=submit value="Absenden">
<input type=reset value="Abbrechen">

Erläuterung:

Mit <input type=submit ...> definieren Sie einen Absende-Button (input = Eingabe, submit = bestätigen). Beim Anklicken dieses Buttons werden die Formulardaten abgeschickt. Mit <input type=reset...> definieren Sie einen Abbrechen-Button (reset = zurücksetzen). Eingegebene Daten werden verworfen und nicht abgeschickt.

Mit dem Attribut value= bestimmen Sie die Beschriftung der Buttons (value = Wert). Die Angabe muß in Anführungszeichen stehen.

Beachten Sie:

Bieten Sie dem Anwender nach Möglichkeit beide Buttons an - auch den Abbrechen-Button.

Mit Hilfe von  JavaScript können Sie die Eingaben von Anwendern vor dem Absenden des Formulars kontrollieren. Innerhalb dieser Dokumentation finden Sie ein Anwendungsbeispiel  Formulareingaben überprüfen.

 

HTML4.0 Grafische Buttons zum Absenden definieren

Beispiel Anzeigebeispiel: So sieht's aus

Sie können innerhalb von Formularen Grafiken referenzieren und diese als Absende-Button definieren. Solche grafische Buttons können Sie als Alternative zu Buttons vom Typ <input type=submit...> verwenden.

Beispiel:

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

Erläuterung:

Mit <input type=image ...> definieren Sie einen grafischen Button (input = Eingabe). Die gewünschte Grafikdatei bestimmen Sie mit der Zusatzangabe src= (src = source = Quelle). Die Angabe muß in Anführungszeichen stehen.

Beachten Sie:

Im Beispiel wird vorausgesetzt, daß sich die Grafikdatei im gleichen Verzeichnis befindet wie die HTML-Datei. Wenn die Grafik in einem anderen Verzeichnis steht, müssen Sie den relativen oder absoluten Pfadnamen angeben. Das funktioniert genau so wie beim  Einbinden von Grafiken.

 

HTML4.0 Buttons zum Absenden oder Abbrechen definieren (HTML 4.0)

Dies funktioniert genauso wie das  Definieren von Klick-Buttons (HTML 4.0). Dort wird genau erklärt, wie solche Buttons definiert werden.

Um einen solchen Button zum Absende-Button (Submit-Button) zu erklären, müssen Sie im einleitenden <button>-Tag die Angabe type=submit notieren. Um den Button zu einem Abbrechen-Button (Reset-Button) zu erklären, müssen Sie type=reset notieren.

 

HTML4.0 Weitere Möglichkeiten

Das <input>-Tag kann  Universalattribute enthalten.

Es ist durchaus auch erlaubt,  CSS Style-Sheets auf Formularelemente anzuwenden. Leider interpretiert Netscape solche Möglichkeiten in der Produktversion 4.x noch nicht. Der MS Internet Explorer 4.x interpretiert CSS Style-Sheets im Zusammenhang mit Formularelementen. Dazu müssen Sie zunächst wissen, wie man  Style-Sheets definieren kann. Anschließend sind Sie in der Lage, Style-Sheet-Angaben anzuwenden. Auf das <input>-Tag können Sie beispielsweise folgende Style-Sheet-Angaben anwenden:
 Schriftformatierung
 Hintergrundfarben und -bilder
 Elemente positionieren


 
weiter: Formulare verarbeiten
zurück: Tabulator-Reihenfolge, Tastaturkürzel und Ausgrauen
 

SELFHTML/Quickbar  HTML  Formulare

© 1998  Stefan Münz, muenz@csi.com