3009298
/
lab-development-imb
forked from WEB-IMB-WS2526/lab-development-imb
1
0
Fork 0
Code Pull Requests Activity

Aufgabe 4 Lösungen

branch-francesca
Francesca Bläse 2025-10-22 09:19:00 +00:00
parent f802e63dc5
commit cf3de64554
3 changed files with 119 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/04/labor/04_loesungen/login.html 100644
View File

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

47
web/04/labor/04_loesungen/obstbestellung.html 100644
View File

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

38
web/04/labor/04_loesungen/workshop.html 100644
View File

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