From 17cd1cee657e186f2f05a7cb6cac20a45f5e56b8 Mon Sep 17 00:00:00 2001
From: Oliver Stolle 3024383 <3024383@stud.hs-mannheim.de>
Date: Thu, 9 Apr 2026 15:40:43 +0000
Subject: [PATCH] Addes solution for exercises 1-3

---
 .../eigene_loesungen/Loesung_Aufgabe_1.html   | 32 +++++++
 .../eigene_loesungen/Loesung_Aufgabe_2.html   | 50 ++++++++++
 .../eigene_loesungen/Loesung_Aufgabe_3.html   | 92 +++++++++++++++++++
 3 files changed, 174 insertions(+)
 create mode 100644 web/04/eigene_loesungen/Loesung_Aufgabe_1.html
 create mode 100644 web/04/eigene_loesungen/Loesung_Aufgabe_2.html
 create mode 100644 web/04/eigene_loesungen/Loesung_Aufgabe_3.html
diff --git a/web/04/eigene_loesungen/Loesung_Aufgabe_1.html b/web/04/eigene_loesungen/Loesung_Aufgabe_1.html
new file mode 100644
index 0000000..7ca72fb
--- /dev/null
+++ b/web/04/eigene_loesungen/Loesung_Aufgabe_1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Login</title>
+</head>
+<body>
+    <h1>Kundenkonto</h1>
+    <h2>Melden Sie sich bitte an:</h2>
+    
+    <form action="" method="get">
+        <label>
+            Email:<br>
+            <input type="email" name="email" required>
+        </label>
+        <br>
+        <label>
+            Passwort:<br>
+            <input type="password" name="password" required>
+        </label>
+
+        <br><br>
+        <input type="submit" value="Anmelden">
+    </form>
+</body>
+</html>
+<!--
+7. a) Eingaben werden nicht übernommen. ==> gefixed durch den "name" parameter.
+      Passwort sichtbar ==> Sicherheitslücke!
+   b) Funktioniert
+   c) Funktioniert
+-->
\ No newline at end of file
diff --git a/web/04/eigene_loesungen/Loesung_Aufgabe_2.html b/web/04/eigene_loesungen/Loesung_Aufgabe_2.html
new file mode 100644
index 0000000..6a4eb4d
--- /dev/null
+++ b/web/04/eigene_loesungen/Loesung_Aufgabe_2.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Obstkorb Bestellung</title>
+</head>
+<body>
+
+    <h1>Bestellen Sie sich Ihr Obst direkt nach Hause!</h1>
+
+    <form action="" method="get">
+
+        <label>
+            Obst:<br>
+            <input list="Obstsorten" name="sorten" required><br>
+
+            <datalist id="Obstsorten">
+                <option value="Apfel">
+                <option value="Banane">
+                <option value="Birne">
+                <option value="Mango">
+                <option value="Litchi">
+                <option value="Physalis">
+                <option value="Ananas">
+                <option value="Heidelbeeren">
+            </datalist>
+        </label>
+        
+        <label>
+            Stückzahl:<br>
+            <input type="number" name="number" min="1" max="10" required><br>
+        </label>
+
+        <label>
+            Boxfarbe:<br>
+            <input type="color" name="color" required><br>
+        </label>
+        <br>
+
+        <input type="submit" value="Bestellung abgeben">
+    </form>
+</body>
+</html>
+
+<!--
+6. a) Funktioniert
+   b) Funktioniert
+   c) Funktioniert
+   d) Funktioniert
+-->
\ No newline at end of file
diff --git a/web/04/eigene_loesungen/Loesung_Aufgabe_3.html b/web/04/eigene_loesungen/Loesung_Aufgabe_3.html
new file mode 100644
index 0000000..97a142f
--- /dev/null
+++ b/web/04/eigene_loesungen/Loesung_Aufgabe_3.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Workshop Anmeldung</title>
+</head>
+<body>
+     <form action="https://web-637691723779.europe-west2.run.app/registrierung" method="post">
+
+        <fieldset>
+            <legend>Persönliche Angaben:</legend>
+
+            <label>
+                Vorname:<br>
+                <input type="text" name="vorname" required><br>
+            </label>
+
+            <label>
+                Nachname:<br>
+                <input type="text" name="nachname" required><br>
+            </label>
+
+            <label>
+                E-Mail:<br>
+                <input type="email" name="email" required><br>
+            </label>
+
+            <label>
+                Handynummer:<br>
+                <input type="tel" name="telefon" required><br> <!--Tel is not working ==> can input an "@"! ==> special characters are allowed-->
+            </label>
+
+        </fieldset>
+
+        <fieldset>
+            <legend>Kurswahl:</legend>
+
+            <label>
+                Kurs:<br>
+                <input type="text" value="Webentwicklung Basics" disabled readonly><br>
+            </label>
+
+            <label>Bevorzugte Session:<br>
+                <select multiple name="sessions">
+                    <option>Vormittag</option>
+                    <option>Nachmittag</option>
+                    <option>Abend</option>
+                    <option>Wochenende</option>
+                </select>
+            </label>
+
+        </fieldset>
+           
+        <fieldset>
+            <legend>Zusätzliche Optionen:</legend>
+
+             <label>
+               <input type="checkbox" name="agb" required> 
+               Ich akzeptiere die Teilnahmebedingungen
+            </label>
+            <br>
+
+            <label>
+               <input type="checkbox" name="newsletter"> 
+               Newsletter abonnieren
+            </label>
+            <br>
+
+            <label>
+               <input type="checkbox" name="equipment"> 
+               Ich benötige spezielles Equipment
+            </label>
+        </fieldset>
+
+         <fieldset>
+            <legend>Teilnahmeformat:</legend>
+            <label>
+                Format wählen: <br>
+                <input type="radio" name="format" value="online"> Online
+                <br>
+                <input type="radio" name="format" value="presence"> Präsenz
+            </label>
+        </fieldset>
+
+       <input type="submit" value="Jetzt Anmelden">
+    </form>
+</body>
+</html>
+
+<!--
+4. Funktioniert
+-->
\ No newline at end of file
