Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
modul:m293:learningunits:lu07:aufgaben:hotelbuchung [2024/05/27 07:31] – msuter | modul:m293:learningunits:lu07:aufgaben:hotelbuchung [2025/05/07 17:06] (aktuell) – kmaurizi |
---|
Ihre Aufgabe ist es, ein HTML-Formular für ein Hotelzimmer-Buchungssystem zu erstellen. In diesem Formular sollen die Kunden verschiedene Optionen für ihren Aufenthalt auswählen können. Die Formularelemente ''select'' (mit Mehrfachauswahl) und ''checkbox'' sollen hierbei verwendet werden, um den Unterschied und die erwartungskonforme Verwendung dieser beiden Elemente zu verdeutlichen. | Ihre Aufgabe ist es, ein HTML-Formular für ein Hotelzimmer-Buchungssystem zu erstellen. In diesem Formular sollen die Kunden verschiedene Optionen für ihren Aufenthalt auswählen können. Die Formularelemente ''select'' (mit Mehrfachauswahl) und ''checkbox'' sollen hierbei verwendet werden, um den Unterschied und die erwartungskonforme Verwendung dieser beiden Elemente zu verdeutlichen. |
</WRAP> | </WRAP> |
| |
**[[GitHub Classroom Assignment|https://classroom.github.com/a/TGU_kxMm]]** | |
| |
===== Vorgehen ===== | ===== Vorgehen ===== |
| |
* Verwenden Sie geeignete Formularelemente (z.B. ein ''fieldset'' und ''legend'' Element), um die verschiedenen Elementtypen visuell zu trennen und zu organisieren oder fügen Sie ''label''-Elemente hinzu, um die verschiedenen Elementtypen und Optionen klar zu kennzeichnen. | * Verwenden Sie geeignete Formularelemente (z.B. ein ''fieldset'' und ''legend'' Element), um die verschiedenen Elementtypen visuell zu trennen und zu organisieren oder fügen Sie ''label''-Elemente hinzu, um die verschiedenen Elementtypen und Optionen klar zu kennzeichnen. |
* Fügen Sie schließlich einen ''submit'' Button hinzu, um die Formularinformationen an https://it.bzz.ch/demo/formdata/index.php zu senden. | * Fügen Sie schliesslich einen ''submit'' Button hinzu, um die Formularinformationen an https://it.bzz.ch/demo/formdata/index.php zu senden. |
| |
---- | ---- |
<nodisp>[[https://github.com/templates-html/M293_LU07_02_hotel|Repository]]</nodisp> | |
| <details> |
| <summary>//=> GitHub Repo für externe Besucher//</summary> |
| GitHub Repository https://github.com/templates-html/m293-lu07-a02-hotel |
| |
| //Lernende am BZZ müssen den Link zum GitHub Classroom Assignment verwenden// |
| |
| </details> |
{{tag>m293-LU07}} | {{tag>m293-LU07}} |
[[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 | [[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 |