Elektronisches Publizieren - HTML / SGML / XML - Zurück zur Gliederung
   

 

Formulare

Formulare bieten die Möglichkeit, Eingabefelder auszufüllen, aus Listen etwas auszuwählen oder Buttons anzuklicken. Die eingegebenen Daten werden abgeschickt und können dann verschieden verarbeitet werden (als e-mail schicken, Weiterverarbeitung mit einem CGI-Programm etc.)

Definition eines Formulars:
<form action="mailto:name@domain.de" method=post
enctype="text/plain">
...Eingabefelder, Auswahllisten, Buttons...</form>
action gibt an, was mit den Formulardaten passieren soll.
method gibt die Methode an(es gibt "post" und "get")
<form action="datei.html" method=get>
<input type=submit value="Text"></form>
Realisiert einen Link zur angegebenen Datei.
Da die Verarbeitung von CGI-Programmen für uns im Moment zu schwer ist, werden wir uns nur mit der Versendung von
E-mails und Links beschäftigen und dabei die verschiedenen Formulargestaltungsmöglichkeiten kennenlernen.

Eingabefelder (innerhalb des <form>-Tags):

Name: <input name="Name" size=60 maxlength=60>
name gibt den internen Bezeichnernamen an
size gibt die Anzeigelänge und
maxlength gibt die interne Feldlänge an
(Beispiel)
<textarea name="Meinung" rows=3 cols=5></textarea>
Gibt ein mehrzeiliges Textfeld an
rows gibt die Zeilenanzahl und cols die Spaltenanzahl an
(Beispiel)
<p>Beste Seite:</p>
<select name="top3" size=1>
<option> Links
<option> Frames
<option> Gliederung
</select>
Definiert eine Auswahlliste
size gibt die angezeigten Felder an, der Rest kann
gescrollt werden.
(Beispiel)
<input type=radio name="auswahl" value="mann">männlich
Definiert Radiobuttons
name ist der Bezeichner für die Gruppe (davon kann nur
ein Button angekreuzt werden)
value ist der Name für den jeweiligen Button
(Beispiel)
<input type=checkbox name="auswahl2" value="html">html
Definiert Checkbox, hier können mehrere Buttons in der
Gruppe angekreuzt werden
(Beispiel)
<input type=submit value="Absenden">
Button zum Abschicken des Formulars
value gibt den Text auf dem Button wieder
<input type=reset value="Abbrechen">
Button zum Zurücksetzen des Formulars

Hier noch einmal ein Formular!

 

    Linksammlung HTML / SGML / XML / Webdesign
   

15.11.2000
form.html
© V. Petras, 2000

 

 

Beispiel einzeiliges Eingabefeld:

Name:

Beispiel mehrzeiliges Eingabefeld:

Bitte teilen Sie mir Ihre Meinung mit!

Beispiel Auswahlliste

Bitte wählen Sie Ihre Lieblingsseite aus:

Beispiel Radiobuttons

männlich

weiblich

keine Angbae

Beispiel Checkbox

Was kennen Sie?

HTML SGML Javascript