forked from WEB-IB-SS26/development-ib
Addes solution for exercises 1-3
parent
bcaddea2e2
commit
17cd1cee65
|
|
@ -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
|
||||||
|
-->
|
||||||
|
|
@ -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
|
||||||
|
-->
|
||||||
|
|
@ -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
|
||||||
|
-->
|
||||||
Loading…
Reference in New Issue