SELFHTML/Quickbar HTML Formulare

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

## Buttons zum Absenden oder Abbrechen definieren

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.

## Grafische Buttons zum Absenden definieren

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.

## 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.

## 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 Produktverion 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