From cf3de645540fee63e6f758da299befd83c6992de Mon Sep 17 00:00:00 2001
From: Cesca <3009298@stud.hs-mannheim.de>
Date: Wed, 22 Oct 2025 09:19:00 +0000
Subject: [PATCH] =?UTF-8?q?Aufgabe=204=20L=C3=B6sungen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/04/labor/04_loesungen/login.html          | 34 ++++++++++++++
 web/04/labor/04_loesungen/obstbestellung.html | 47 +++++++++++++++++++
 web/04/labor/04_loesungen/workshop.html       | 38 +++++++++++++++
 3 files changed, 119 insertions(+)
 create mode 100644 web/04/labor/04_loesungen/login.html
 create mode 100644 web/04/labor/04_loesungen/obstbestellung.html
 create mode 100644 web/04/labor/04_loesungen/workshop.html
diff --git a/web/04/labor/04_loesungen/login.html b/web/04/labor/04_loesungen/login.html
new file mode 100644
index 0000000..2295552
--- /dev/null
+++ b/web/04/labor/04_loesungen/login.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <meta charset="utf-8">
+        <title>Login</title>
+    </head>
+    <body>
+        <h1>Kundenkonto</h1><br>
+        <h2>Melden Sie sich bitte an</h2><br>
+        <form action="" method="GET">
+            <label for="email">E-Mail:</label>
+            <input type="email" name="email" id="email" required><br>
+            <label for="password">Passwort:</label>
+            <input type="password" name="password" id="password" required><br>
+            <button type="submit">Login</button>
+
+        </form>
+
+    </body>
+</html>
+
+<!--
+Aufgabe 8
+
+a) 
+Ja die Eingabe wurde als Query Parameter übernommen
+Problematisch ist das, weil sowohl Passwort als auch Benutzername in der URL sichtbar sind (Klartext)
+
+b) 
+Nein ich bekomme keine Meldung aber das Formular wird auch nicht abgesendet
+
+c) 
+Ja, es erscheint die Nachricht "bitte füllen Sie dieses Feld aus"
+-->
\ No newline at end of file
diff --git a/web/04/labor/04_loesungen/obstbestellung.html b/web/04/labor/04_loesungen/obstbestellung.html
new file mode 100644
index 0000000..cb89435
--- /dev/null
+++ b/web/04/labor/04_loesungen/obstbestellung.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <meta charset="utf-8">
+        <title>Obstebestellung</title>
+    </head>
+    <body>
+        <h1>Bestellen Sie sich Ihr Obst direkt nach Hause!</h1>
+        <form action="" method="GET">
+            <label for="obst">Obst:</label>
+        <input type="text" id="obst" name="obst" list="obstListe" required>
+        <datalist id="obstListe">
+            <option value="Apfel">
+            <option value="Banane">
+            <option value="Birne">
+            <option value="Kirsche">
+            <option value="Traube">
+            <option value="Pfirsich">
+            <option value="Mango">
+            <option value="Erdbeere">
+        </datalist>
+        <br><br>
+        <label for="number">Stückzahl:</label>
+        <input type="number" min="1" max="10" name="number" id="number">
+        <br><br>
+        <label for"color">Farbe:</label>
+        <input type="color">
+        <br><br>
+        <button type="submit">Bestellen</button>
+
+        </form>
+    </body>
+</html>
+
+<!--
+Aufgabe 8
+
+a) Ja, werden übernommen: 
+http://127.0.0.1:3000/web/04/labor/04_loesungen/obstbestellung.html?obst=Apfel&number=10
+
+b) ja, ich erhalte aber nicht nur Vorschläge für den Anfangsbuchstaben
+
+c) Ja, die Eingaben werden trotzdem übernommen 
+http://127.0.0.1:3000/web/04/labor/04_loesungen/obstbestellung.html?obst=Maracuja&number=2
+
+d) Ich erhalte die Validierungsnachricht bereits vor dem senden
+-->
\ No newline at end of file
diff --git a/web/04/labor/04_loesungen/workshop.html b/web/04/labor/04_loesungen/workshop.html
new file mode 100644
index 0000000..36e7cea
--- /dev/null
+++ b/web/04/labor/04_loesungen/workshop.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+    <meta charset="utf-8"Y>
+    <title>Workshop</title>
+    </head>
+    <body>
+       
+        <form method="POST" action="https://web-637691723779.europe-west2.run.app/registrierung">
+       
+        <fieldset>
+            <legend>Persönliche Angaben:</legend>
+            <label for="vorname">Vorname:</label><br>
+            <input type="text" name="vorname" id="vorname" placeholder="Vorname"> <br>
+            <label for="name">Name:</label><br>
+            <input type="text" name="name" id="name" placeholder="Nachname"> <br>
+            <label for="email">E-Mail:</label> <br>
+            <input type="email" name="email" id="email"> <br>
+            <label for="tel">Telefon:</label> <br>
+            <input type="tel" name="tel" id="tel"><br>
+        </fieldset>
+
+        <fieldset>
+            <legend>Kursauswahl:</legend>
+            <label for="kurs">Kurs:</label>
+            <input type="text" name="kurs" id="kurs" value="Webentwicklung Basics" readonly>
+            <br><br>
+            <label for="session">Bevorzugte Session:</label>
+            <select>
+                
+            </select>
+
+
+
+        </fieldset>
+        </form>
+    </body>
+</html>
\ No newline at end of file
