3024383
/
development-ib-fork
forked from WEB-IB-SS26/development-ib
1
1
Fork 0
Code Pull Requests Activity

Addes solution for exercises 1-3

main
Oliver Stolle 2026-04-09 15:40:43 +00:00
parent bcaddea2e2
commit 17cd1cee65
3 changed files with 174 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/04/eigene_loesungen/Loesung_Aufgabe_1.html 100644
View File

@ -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
-->

50
web/04/eigene_loesungen/Loesung_Aufgabe_2.html 100644
View File

@ -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
-->

92
web/04/eigene_loesungen/Loesung_Aufgabe_3.html 100644
View File

@ -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
-->