e1:formulare

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
e1:formulare [2017/07/03 07:57] admin03e1:formulare [2018/08/27 07:08] (aktuell) admin03
Zeile 4: Zeile 4:
 erzeugt werden. Die Eingabeart wird durch das Attribut erzeugt werden. Die Eingabeart wird durch das Attribut
 type festgelegt, die Größe des Eingabefeldes durch size. type festgelegt, die Größe des Eingabefeldes durch size.
-  * Leinfache rechteckige Eingabefelder (type=“text“)+  * einfache rechteckige Eingabefelder (type=“text“)
   * qudratische Mehrfach-Auswahlfelder (type= “checkbox“)   * qudratische Mehrfach-Auswahlfelder (type= “checkbox“)
   * kreisförmige Alternativ-Auswahlfelder (type=“radio“)   * kreisförmige Alternativ-Auswahlfelder (type=“radio“)
Zeile 25: Zeile 25:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html> <html>
-<head> +    <head> 
-<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> +        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 
-<title>Formulare</title> +        <title>Formulare</title> 
-</head> +    </head> 
-<body> +    <body> 
-<h1>Zugauskunft</h1> +        <h1>Zugauskunft</h1> 
-<form action="mailto:groehner@t-online.de" method="post"> +        <form action="mailto:zerr(a)modellschule-obersberg.de" method="post"> 
-<p><b>Ihre E-Mail-Adresse:</b><br> +            <p><b>Ihre E-Mail-Adresse:</b><br> 
-<input name="EMail" size="34"> +                <input type="text" name="EMail" size="34"> 
-</p> +            </p> 
-<p><b>Finde eine Verbindung:</b></p> +            <p><b>Finde eine Verbindung:</b></p> 
-<table> +            <table> 
-<tr><td>von (Bahnhof):</td> <td><input type="text" name="Von" size="20"></td></tr> +                <tr><td>von (Bahnhof):</td> <td><input type="text" name="Von" size="20"></td></tr> 
-<tr><td>nach (Bahnhof):</td> <td><input type="text" name="Nach" size="20"></td></tr> +                <tr><td>nach (Bahnhof):</td> <td><input type="text" name="Nach" size="20"></td></tr> 
-<tr><td>Datum (tt.mm.jj):</td> <td><input type="text" name="Datum" size=" 8"></td></tr> +                <tr><td>Datum (tt.mm.jj):</td> <td><input type="text" name="Datum" size=" 8"></td></tr> 
-<tr><td>Uhrzeit (hh:mm):</td> <td><input type="text" name="Zeit" size=" 5"></td></tr> +                <tr><td>Uhrzeit (hh:mm):</td> <td><input type="text" name="Zeit" size=" 5"></td></tr> 
-</table> +            </table> 
-<p><b>Nur Verbindungen mit:</b><br> +            <p><b>Nur Verbindungen mit:</b><br> 
-<input type="checkbox" name="Verbindung" value="schlaf">Schlafwagen <br> +                <input type="checkbox" name="Verbindung" value="schlaf">Schlafwagen <br> 
-<input type="checkbox" name="Verbindung" value="liege">Liegewagen <br> +                <input type="checkbox" name="Verbindung" value="liege">Liegewagen <br> 
-<input type="checkbox" name="Verbindung" value="fahrrad">Fahrradbeförderung +                <input type="checkbox" name="Verbindung" value="fahrrad">Fahrradbeförderung 
-</p> +            </p> 
-<p><b>Zuggattung:</b><br> +            <p><b>Zuggattung:</b><br> 
-<select name="Zuggattung"> +                <select name="Zuggattung"> 
-<option> InterCity-Express (ICE) </option> +                    <option> InterCity-Express (ICE) </option> 
-<option> EuroCity (EC) </option> +                    <option> EuroCity (EC) </option> 
-<option> InterCity (IC) </option> +                    <option> InterCity (IC) </option> 
-<option> InterRegio (IR) </option> +                    <option> InterRegio (IR) </option> 
-<option> RegionalBahn (RB) </option> +                    <option> RegionalBahn (RB) </option> 
-<option> StadtExpress (SE) </option> +                    <option> StadtExpress (SE) </option> 
-</select> +                </select> 
-</p> +            </p> 
-<p><b>Bahncard:</b><br> +            <p><b>Bahncard:</b><br> 
-<input type="radio" name="Bahncard" value="Ja">Ja +                <input type="radio" name="Bahncard" value="Ja">Ja 
-<input type="radio" name="Bahncard" value="Nein">Nein +                <input type="radio" name="Bahncard" value="Nein">Nein 
-</p> +            </p> 
-<p> +            <p> 
-<input type="submit" value="Abschicken"> +                <input type="submit" value="Abschicken"> 
-<input type="reset" value="Verwerfen"> +                <input type="reset" value="Verwerfen"> 
-</p> +            </p> 
-</form> +        </form> 
-</body>+    </body>
 </html> </html>
 </code> </code>
  
 +
 +<html>
 +    <head>
 +        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 +        <title>Formulare</title>
 +    </head>
 +    <body>
 +        <h1>Zugauskunft</h1>
 +        <form action="mailto:zerr(a)modellschule-obersberg.de" method="post">
 +            <p><b>Ihre E-Mail-Adresse:</b><br>
 +                <input name="EMail" size="34">
 +            </p>
 +            <p><b>Finde eine Verbindung:</b></p>
 +            <table>
 +                <tr><td>von (Bahnhof):</td> <td><input type="text" name="Von" size="20"></td></tr>
 +                <tr><td>nach (Bahnhof):</td> <td><input type="text" name="Nach" size="20"></td></tr>
 +                <tr><td>Datum (tt.mm.jj):</td> <td><input type="text" name="Datum" size=" 8"></td></tr>
 +                <tr><td>Uhrzeit (hh:mm):</td> <td><input type="text" name="Zeit" size=" 5"></td></tr>
 +            </table>
 +            <p><b>Nur Verbindungen mit:</b><br>
 +                <input type="checkbox" name="Verbindung" value="schlaf">Schlafwagen <br>
 +                <input type="checkbox" name="Verbindung" value="liege">Liegewagen <br>
 +                <input type="checkbox" name="Verbindung" value="fahrrad">Fahrradbeförderung
 +            </p>
 +            <p><b>Zuggattung:</b><br>
 +                <select name="Zuggattung">
 +                    <option> InterCity-Express (ICE) </option>
 +                    <option> EuroCity (EC) </option>
 +                    <option> InterCity (IC) </option>
 +                    <option> InterRegio (IR) </option>
 +                    <option> RegionalBahn (RB) </option>
 +                    <option> StadtExpress (SE) </option>
 +                </select>
 +            </p>
 +            <p><b>Bahncard:</b><br>
 +                <input type="radio" name="Bahncard" value="Ja">Ja
 +                <input type="radio" name="Bahncard" value="Nein">Nein
 +            </p>
 +            <p>
 +                <input type="submit" value="Abschicken">
 +                <input type="reset" value="Verwerfen">
 +            </p>
 +        </form>
 +    </body>
 +</html>
 +
 +====== Formulare verschicken und auswerten ======
 +
 +Die im Formular eingegebenen Daten müssen an den Empfänger verschickt werden. Im einfachsten Fall
 +geschieht das als E-Mail. Dazu gibt man im <form>-Element im Attribut action die E-Mail-Adresse des
 +Empfängers an und setzt das Attribut method auf post. Über den Abschicken-Schalter wird dann automatisch
 +eine E-Mail mit den eingegebenen Daten erzeugt und verschickt.
 +Für eine automatische Reaktion auf ankommende Formulardaten muss der Internet-Provider eine passende
 +Skript-Schnittstelle (CGI, PHP, ASP,...) zur Verfügung stellen. Das ausgefüllte Formular wird
 +über das Skript ausgewertet und ein Antwort-Dokument generiert, das an den Absender des Formulars
 +zurückgeschickt wird. Diese Technik wird beispielsweise bei den Suchmaschinen benutzt.
 +
 +siehe auch PHP
  • /var/www/infowiki/data/attic/e1/formulare.1499068648.txt.gz
  • Zuletzt geändert: 2017/07/03 07:57
  • von admin03