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

33 lines
914 B
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Obstbestellung</title>
</head>
<body>
<h1>Bestellen Sie sich Ihr Obst direkt nach Hause!</h1>
<form action="" method="get">
<label for="obst">Wählen Sie Ihr Obst:</label>
<input list="obstliste" id="obst" name="obst">
<datalist id="obstliste">
<option value="Apfel">
<option value="Banane">
<option value="Kirsche">
<option value="Mango">
<option value="Orange">
<option value="Pfirsich">
</datalist>
<br><br>
<label for="anzahl">Geben Sie die gewünschte Stückzahl an:</label>
<input type="number" id="anzahl" name="anzahl" min="1" max="10" step="1" required>
<br><br>
<label for="boxcolor">Wählen Sie die gewünschte Farbe Ihrer Obstbox:</label>
<input type="color" id="boxcolor" name="obstboxfarbe" value="#ff0000">
<br><br>
<input type="submit" value="Bestellen">
</form>
</body>
</html>