Erstellung eines HTML-Dokuments Einführung von M&U Holzbaur

Einführung in die Erstellung von HTML-Seiten. zur Übersicht

Formulare

zu den Beispielen:
 
Ausführliches Beispiel einfache
Rückmeldung
Evaluierung Lehre Anfrage Diplomarbeit Anfrage Beratung Auswahl Navigation Anmeldung gläsernes Aalen Suche/ Anfrage Formular als Trigger Formular als Steuerung kleines Quiz zu HuS

Grundlagen

Ein Formular dient der Eingabe oder Auswahl. Nach der Bearbeitung kann der Benutzer das Formular übergeben (submit).
Genereller Aufbau:
 
<form action="  ">
    <input >
    <input >
</form>
Verschiedene Eingabemöglichkeiten umfassen:
  • Textfelder
  • <input type=text name=" " size=  maxlength=>
  • Auswahlknöpfe ( 1 aus N)
  • <input type=radio name=" " value="  ">
    <input type=radio name=" " value=" ">
  • Checkboxen ( m aus N )
  • Beispiel zur Evaluation mit Code, Ergebnis und Gegenüberstellung

    Note Richtung Kommentar
    Die Gesamtbewertung des 
    Kurses/ Vorlesung/ Seminars, Webseite, Textes/ Buchs/ Skripts, 
    zum Thema  Titel  am  ist:
    Mich interessiert vor allem: 
    Theorie+Konzepte, Beispiele+Erfahrung, Anwendung+Umsetzung, Zusammenhänge+Vernetzung
    +
    0
    -
    Generelle Kommentare:

    zum Beispiel zum Seitenanfang zur Gegenüberstellung Formular-Code-Ergebnis  zur Übersicht HTML

    Und so gehts:

    <form action="mailto:holzbaur@t-online.de?subject=feedback" method=post enctype="text/plain">
    <table BORDER WIDTH="100%" >
    <tr>
        <td></td>
        <td>Note</td>
        <td>Richtung</td>
        <td>Kommentar</td>
    </tr>

    <tr>
        <td>

        Die Gesamtbewertung des<br>
            <input type=checkbox name="d" value="k ">Kurses/ Vorlesung/ Seminars,&nbsp;
            <input type=checkbox name="d" value="s ">Webseite,&nbsp;
            <input type=checkbox name="d" value="t ">Textes/ Buchs/ Skripts,&nbsp;
        <br>zum Thema&nbsp;
            <select name="art" size=1>
                <option value="r" selected>w&auml;hlen Sie</option>
                <option value="Informatik">Informatik</option>
                <option value="WWW">WWW/ internet</option>
                <option value="Mathematik">Mathematik</option>
                <option value="Umwelt">Umweltmanagement</option>
                <option value="Projektmanagement">Projektmanagement</option>
                <option value="Management">Management</option>
                <option value="Natur">Natur</option>
                <option value="a">andere</option>
                <option value="x">
            </select>
        Titel <input name="Titel" size=20 maxlength=50>
        am <input name="Termin" size=10 maxlength=30 value = "dd.mm.2001">  ist:
    <br>Mich interessiert vor allem
            <input type=checkbox name="d" value="Theorie ">Theorie+Konzepte,
            <input type=checkbox name="d" value="Beispiele ">Beispiele+Erfahrung
            <input type=checkbox name="d" value="Anwendung ">Anwendung+Umsetzung
            <input type=checkbox name="d" value="Anwendung ">Zusammenh&auml;nge+Vernetzung
        </td>
        <td>
            <select name="Note" size=5>
                <option value="5">5=ungen&uuml;gend</option>
                <option value="4">4=ausreichend</option>
                <option value="3">3=befriedigend</option>
                <option value="2">2=gut</option>
                <option value="1">1= sehr gut</option>
            </select>
        </td>

        <td>
            <input type=radio name="g" value="+">+
            <input type=radio name="g" value="0">0
            <input type=radio name="g" value="-">-</td>

        <td>
            <input name="GESK" size=30 maxlength=90></td>
        </tr>
    </table>

    Generelle Kommentare: <br>
    <textarea name="komment" cols = "90" rows = "3" wrap = "virtual" title = "Meinung und Anregungen"></textarea>
    <p><input type=submit value="Abschicken"><input type=reset value="Verwerfen">
    </form>

    zum Beispiel zum Seitenanfang zur Übersicht HTML


    Und so sieht das Ergebnis aus:

    Absender:         Ulrich Holzbaur
      Betreff:              feedback
      Datum:              26. Nov 2000 10:29
      Empfänger:        holzbaur@t-online.de
    d=k
    d=s
    art=WWW
    Titel=Webseitengestaltung
    Termin=31.02.2001
    d=Theorie
    d=Anwendung
    Note=2
    g=+
    GESK=leider nur virtuell
    komment=hier geht
    ja ganz schön viel text rein, man kann schreiben soviiiiiiiiiiiiiiiiiiiiiiiieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeel man will.


    und das gibts an headerinformation:

     Return-Path: <ulrich.holzbaur@fh-aalen.de>
     Received: from fbwroute.fbw.fh-aalen.de ([141.18.247.12]) by mailin05.sul.t-online.com
     with esmtp id 13zxzq-1kogwSC; Sun, 26 Nov 2000 10:21:18 +0100
     Received: from fh-aalen.de ([141.18.247.72]) by fbwroute.fbw.fh-aalen.de (AIX4.3/UCB 8.8.8/8.8.8) with ESMTP id LAA19996 for <holzbaur@t-online.de>;
     Sun, 26 Nov 2000 11:07:36 +0100
     Message-Id: <200011261007.LAA19996@fbwroute.fbw.fh-aalen.de>
     Date: Sun, 26 Nov 2000 10:29:20 +0100
     From: Ulrich Holzbaur <ulrich.holzbaur@fh-aalen.de>
     X-Mailer: Mozilla 4.51 [de]C-CCK-MCD DT (Win98; I)
     X-Accept-Language: de
     MIME-Version: 1.0
    To: holzbaur@t-online.de
     Subject: feedback
     Content-type: text/plain
     Content-Disposition: inline; form-data
    zum Beispiel zum Seitenanfang zur Übersicht HTML


    Und so hängt das ganze zusammen:

    das steht im Formular: das steht in der Quelle: so sieht die Rückmeldung aus:
    FORMULARDEFNITION
    <form action="mailto:holzbaur@t-online.de?subject=feedback" method=post enctype="text/plain"> Absender:         Ulrich Holzbaur
    Betreff:              feedback
    Datum:              26. Nov 2000 10:29
    Empfänger:        holzbaur@t-online.de
    To: holzbaur@t-online.de
     Subject: feedback
     Content-type: text/plain
     Content-Disposition: inline; form-data
    Die Gesamtbewertung des 
    Kurses/ Vorlesung/ Seminars,
    Webseite, 
    Textes/ Buchs/ Skripts,
    <input type=checkbox name="d" value="k ">Kurses/ Vorlesung/ Seminars
    <input type=checkbox name="d" value="s ">Webseite
    <input type=checkbox name="d" value="t ">Textes/ Buchs/ Skripts
    d=k 
    d=s 
    <select name="art" size=1>
    <option value="r" selected>
    w&auml;hlen Sie</option>
    <option value="Informatik">
    Informatik</option>
    <option value="WWW">
    WWW/ internet</option>
    ...
    <option value="a">andere</option>
    </select>
    art=WWW 
    Titel  <input name="Titel" size=20 maxlength=50>
    Titel=Webseitengestaltung 
    am   <input name="Termin" size=10 maxlength=30 value = "dd.mm.2001"> Termin=31.02.2001 

    Mich interessiert vor allem: 
    Theorie+Konzepte, 
    Beispiele+Erfahrung, 
    Anwendung+Umsetzung, 
    Zusammenhänge+Vernetzung
    <input type=checkbox name="d" value="Theorie ">Theorie+Konzepte,
    <input type=checkbox name="d" value="Beispiele ">Beispiele+Erfahrung 
    <input type=checkbox name="d" value="Anwendung ">Anwendung+Umsetzung
    <input type=checkbox name="d" value="Anwendung ">Zusammenh&auml;nge+Vernetzung
    d=Theorie 
    d=Anwendung 
     <select name="Note" size=5>
     <option value="5">5=ungen&uuml;gend</option>
    <option value="4">4=ausreichend</option>
    <option value="3">3=befriedigend</option>
    <option value="2">2=gut</option>
    <option value="1">1= sehr gut</option>
    </select>

    Note=2 
    +
    0
    -
     <input type=radio name="g" value="+">+
     <input type=radio name="g" value="0">0
     <input type=radio name="g" value="-">-

    g=+ 
    <input name="GESK" size=30 maxlength=90> GESK=leider nur virtuell 
    Generelle Kommentare:
    <textarea name="komment" cols = "90" rows = "3" wrap = "virtual" title = "Meinung und Anregungen"></textarea> komment=hier geht 
    ja ganz schön viel text rein, man kann schreiben so vi...el man will. 
    <input type=submit value="Abschicken">
    <input type=reset value="Verwerfen">
    </form>
    Message-Id: <200011261007.LAA19996@fbwroute.fbw.fh-aalen.de>

    zum Beispiel zum Seitenanfang zur Übersicht HTML