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.
<input type=submit value="Absenden"> <input type=reset value="Abbrechen"> |
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.
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.
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.
<input type=image src="absend.gif"> |
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.
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.
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.
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 |