lab-development-imb/web/04/labor/04_loesungen/obstbestellung.html

47 lines
1.4 KiB
HTML

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