SELFHTML/Quickbar
HTML
Formulare SELFHTML/Quickbar
HTML
Formulare
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.
<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.
 
|
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.
<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.
|
|
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öglichkeitenDas <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
|
