Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m293:learningunits:lu07:loesungen:reisebuchung [2024/03/28 14:07] – created - external edit 127.0.0.1
+++ modul:m293:learningunits:lu07:loesungen:reisebuchung [2025/05/07 17:07] (aktuell) – kmaurizi
@@ Zeile 1: / Zeile 1: @@
 ====== LU07.L03 - Reisebuchung ======
-[[https://templates-html.github.io/M293_LU07_03_tripplanner/trip.html|Live Preview]]
+[[https://templates-html.github.io/m293-lu07-a03-tripplanner/trip.html|Live Preview]]
-<code html4strict>
+{{gh>https://github.com/templates-html/m293-lu07-a03-tripplanner/blob/solution/trip.html}}
-<form action='https://it.bzz.ch/demo/formdata/index.php' method='post'>
+----
-  <!-- Aufgabe 1 -->
-  <fieldset>
-    <legend>Flug</legend>
-    <label for='flughafen'>Abflughafen:</label><br>
-    <select id='flughafen' name='flughafen' required=''>
-      <optgroup label='Schweiz'>
-        <option value='zuerich'>Zürich</option>
-        <option value='basel'>Basel</option>
-        <option value='genf'>Genf</option>
-      </optgroup>
-      <optgroup label='Deutschland'>
-        <option value='frankfurt'>Frankfurt</option>
-        <option value='muenchen'>München</option>
-      </optgroup>
-      <optgroup label='Österreich'>
-        <option value='wien'>Wien</option>
-      </optgroup>
-      <optgroup label='Italien'>
-        <option value='rom'>Rom</option>
-      </optgroup>
-      <optgroup label='Frankreich'>
-        <option value='paris'>Paris</option>
-      </optgroup>
-    </select>
-    <br>
-    <!-- Aufgabe 6 -->
+{{tag>m293-LU07}}
-    <label for='fluggesellschaft'>Bevorzugte Fluggesellschaft:</label><br>
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Kevin Maurizi, Marcel Suter
-    <select id='fluggesellschaft' name='fluggesellschaft'>
-      <option value='lufthansa'>Lufthansa</option>
-      <option value='swiss'>Swiss</option>
-      <option value='austrian'>Austrian Airlines</option>
-      <option value='airfrance'>Air France</option>
-      <option value='alitalia'>Alitalia</option>
-    </select>
-    <!-- Aufgabe 7 -->
-    <p>Weitere Dienstleistungen:</p>
-    <input id='checkin' name='weitere_dienstleistung' type='checkbox' value='checkin'>
-    <label for='checkin'>Priority-Check-In</label><br>
-    <input id='handgepack' name='weitere_dienstleistung' type='checkbox' value='handgepack'>
-    <label for='handgepack'>Zusätzliches Handgepäck</label><br>
-    <input id='notausgang' name='weitere_dienstleistung' type='checkbox' value='notausgang'>
-    <label for='notausgang'>Sitzplatz mit mehr Beinfreiheit</label><br>
-  </fieldset>
-  <br>
-  <!-- Aufgabe 2 -->
-  <fieldset>
-    <legend>Art der Unterkunft:</legend>
-    <input id='hotel' name='unterkunft' type='radio' value='hotel'>
-    <label for='hotel'>Hotel</label><br>
-    <input id='ferienwohnung' name='unterkunft' type='radio' value='ferienwohnung'>
-    <label for='ferienwohnung'>Ferienwohnung</label><br>
-    <input id='hostel' name='unterkunft' type='radio' value='hostel'>
-    <label for='hostel'>Hostel</label><br>
-  </fieldset>
-  <br>
-  <!-- Aufgabe 3 -->
-  <fieldset>
-    <legend>Zusätzliche Dienstleistungen:</legend>
-    <input id='versicherung' name='dienstleistung' type='checkbox' value='versicherung'>
-    <label for='versicherung'>Reiseversicherung</label><br>
-    <input id='transfer' name='dienstleistung' type='checkbox' value='transfer'>
-    <label for='transfer'>Flughafentransfer</label><br>
-    <input id='gepack' name='dienstleistung' type='checkbox' value='gepack'>
-    <label for='gepack'>Zusätzliches Gepäck</label><br>
-  </fieldset>
-  <br>
-  <!-- Aufgabe 4 -->
-  <fieldset>
-    <legend>Reisedauer:</legend>
-    <label for='startdatum'>Reisebeginn:</label><br>
-    <input id='startdatum' name='startdatum' required='' type='date'><br>
-    <label for='enddatum'>Reiseende:</label><br>
-    <input id='enddatum' name='enddatum' required='' type='date'><br>
-    <label for='reisedauer'>Reisedauer (in Tagen):</label><br>
-    <input id='reisedauer' max='21' min='1' name='reisedauer' required='' type='number'><br>
-  </fieldset>
-  <br>
-  <!-- Aufgabe 5 -->
-  <fieldset>
-    <legend>Anzahl der reisenden Personen:</legend>
-    <label for='personen'></label>
-    <input id='personen' name='personen' required='' type='number'><br>
-  </fieldset>
-  <br>
-  <!-- Aufgabe 8 -->
-  <fieldset>
-    <legend>Reiseziel</legend>
-    <label for='reiseziel'></label>
-    <input id='reiseziel' list='ziele' name='reiseziel'>
-    <datalist id='ziele'>
-      <option value='London'>
-      </option>
-      <option value='Paris'>
-      </option>
-      <option value='Rom'>
-      </option>
-      <option value='Berlin'>
-      </option>
-      <option value='Wien'>
-      </option>
-    </datalist>
-  </fieldset>
-  <br>
-  <!-- Aufgabe 9 -->
-  <fieldset>
-    <legend>Kontakt</legend>
-    <label for='email'>Ihre E-Mail-Adresse:</label><br>
-    <input id='email' name='email' required='' type='email'>
-  </fieldset>
-  <br>
-  <!-- Aufgabe 10 -->
-  <input type='reset' value='Eingaben zurücksetzen'>
-  <!-- Aufgabe 11 -->
-  <input type='submit' value='Buchung abschicken'><br>
-</form>
-</code>