Formulare (Forms) in HTML-Seiten Kurzzusammenfassung

Übung 13   Übung 14

Die strukturierte Eingabe von Informationen durch den Betrachter:

• wird durch die Einbindung spezifischer HTML-Befehle für Formulare gesteuert
• wird durch die Definition von Formularen innerhalb des Datei-Bodys festgelegt (<form  ... > ... </form>)
• wird beendet durch die Ausführung einer mit dem Formular verbundenen Aktion (action="...")
• wird durch die Methode zur Datenübergabe an den Server beinflußt (method=... )
• wird mit Daten in vorbestimmter Kodierung durchgeführt (enctype="...")
• wird unterstützt durch ein- bzw. mehrzeilige Eingabefelder (<input type=text name="..." size=... maxlength=...>) bzw. (<textarea name="..." rows=... cols=...></textarea>)
• kann durch Auswahllisten mit einer Auswahlmöglichkeit geschehen (<select name="..." size=...><option> ... <option> ... /select>)
• kann durch Auswahllisten mit mehrfacher Auswahlmöglichkeit geschehen (<select name="..." size=... multiple><option> ... <option> ... /select>)
• kann durch Auswahlknöpfe (radiobuttons) selektiert werden (<input type=radio name="..." value="..."> ...)
• kann durch Ankreuzen (checkbox) selektiert werden (<input type=checkbox name="..." value="..."> ...)
• kann die Dateiauswahl unterstützen (<input type=file size=... maxlength=... name="..." accept="...">)
• kann mit zusätzlichen Informationen versehen werden durch versteckte Eingaben (<input type=hidden name="..." value="...">)
• wird abschließend Datenbestand abgesendet bzw. abgebrochen (<input type=submit value="Absenden"> bzw. <input type=reset value="Abbrechen">)
• liefert nach Betätigung des Absenden-Buttons Werte an das im Action-Attribut angegebene Programm Werte in der Form: Name₁=Value₁, Name₂=Value₂ ...

Wenn Sie sich bis hierhin verirrt haben, dürfen Sie dem Autor des vorliegenden Dokuments mit Hilfe des folgenden Formulars Feedback geben.  Ihr Name: Ihre E-Mail-Adresse: Wünschen Sie eine Antwort des Autors auf Ihr abgeschicktes Formular? ja nein Wie kamen Sie zu diesem Kurs?  Tip von Freunden/Bekannten/Kollegen Erwaehnung des Kurses in einer Fachzeitschrift Wie die Jungfrau zum Kinde (weiss nicht mehr)  Welche Kenntnisse erwarten Sie in diesem Kurs? HTML CSS Style-Sheets JavaScript CGI/Perl  Wie finden Sie den Kurs? supergut recht gut ordentlich  brauchbar weniger gut unbrauchbar  Verbesserungsvorschläge: Formular:

Formular-Definitionen
Quelltext	Erläuterung
Grundgerüst einer Formulardefinition: <form action="mailto:Horst@holyware.de" method=post enctype="text/plain" target="...">   ... Formularelemente ... <input type=submit value="Absenden"> <input type=reset value="Abbrechen"> </form>	Die Definition eines Formulars erfolgt innerhalb des Bodys. Zwischen den Form-Tags können übliche HTML-Tags (z.B. Tabellendefinitionen) und HTML-Tags für die verschiedenen Eingabefelder stehen. Im allgemeinen stehen am Ende des Formulars die Absenden- bzw. Abbrechen-Schaltflächen. Hier wird als Aktion beim Absenden eine E-Mail als Asci-Text (text/plain) gesendet (post). Andere Aktionen könnten im Starten von CGI-Programmen des Servers bestehen. Eine mögliche Antwort wird im Zielfenster (target="...") angezeigt.
Input-Tags:	Erläuterung
<input type=text name="..." size=20 maxlength=50>	Texteingabefeld mit Eingabezeile für 20 Zeichen. Danach rollt der Text bis max. 50 Zeichen Länge.
<textarea name="..." rows=5 cols=20></textarea>	Mehrzeiliges (hier 5 Zeilen rows) Eingabefeld für bis zu 20 Zeichen (cols) je Zeile.
Ihr Favorit:  <select name="..." size=3 multiple>   <option> Heino   <option> Nina Hagen   <option> Marianne Rosenberg </select>	Auswahlliste mit mehreren sichtbaren (hier size=3) Zeilen, zur Wahl aus verschiedenen Möglichkeiten. Durch die Angabe des Attributs multiple sind mehrere Angaben parallel auswählbar.
Geben Sie Ihre Zahlungsweise an:  <input type=radio name="Zahlmethode" checked value="Mastercard"> Mastercard  <br><input type=radio name="Zahlmethode" value="Visa"> Visa	Radiobuttons dienen dem Markieren einer Antwort aus möglichen Varianten. Durch das Attribut checked wird eine Vorbelegung erreicht
gewünschte Zutaten:  <input type=checkbox name="zutat" checked value="salami"> Salami<br> <input type=checkbox name="zutat" value="pilze"> Pilze	Checkboxen dienen dem Markieren von einer oder mehreren möglichen Angaben. Durch das Attribut checked wird eine Vorbelegung erreicht.
Text- oder HTML-Datei auswählen:  <input type=file size=50 maxlength=100000 name="Datei" accept="text/*">	Eingabe oder Auswahl einer Datei, deren Name max. 50 Zeichen lang ist (size=50) und die eine Größe von höchstens 100000 Bytes (maxlength=100000) hat. Der Dateityp ist hier Text (accept="text/*")
<input type=hidden name="HTML" value="html3.2">	Versteckte Wertzuweisungen die ohne Eingabe des Betrachters mitübertragen werden.

---

Webdesign by: Dipl.-Math. Horst Liske, EDV-Beratung HolyWare^©,  E-Mail an Horst@holyware.de