lab-development-imb/web/04/demos/gastbestellung.html

61 lines
2.7 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Gastbestellung</title>
</head>
<body>
<form action="http://localhost:8080/gast" method="post" target="_blank">
<fieldset>
<legend>Persönliche Angaben:</legend>
<label for="vorname">Vorname:</label><br>
<input type="text" name="vorname" id="vorname" placeholder="Vorname" maxlength="15" required><br>
<label for="nachname">Nachname:</label><br>
<input type="text" name="name" id="nachname" value="Muster"><br>
<label for="email">Email:</label><br>
<input type="text" name="email" id="email" autocomplete="email"><br>
<label for="plz">PLZ:</label><br>
<input type="text" name="plz" id="plz" pattern="[0-9]{5}"><br><br>
</fieldset>
<fieldset>
<legend>Artikelbeschreibung:</legend>
<label for="artikel">Artikel:</label><br>
<input type="text" name="artikel" id="artikel" value="Blauer Kugelschreiber" readonly disabled><br><br>
<label for="language">Wähle die Farbe deines Artikels:</label><br>
<select id="language" name="language" multiple size="2">
<option value="rot">Rot</option>
<option value="schwarz">Schwarz</option>
<option value="blau">Blau</option>
<option value="gelb">Gelb</option>
</select><br>
</fieldset>
<fieldset>
<legend>Optionen:</legend>
<input type="checkbox" id="agb" name="agb" required>
<label for="agb">Ich habe die Allgemeinen Geschäftsbedingungen gelesen und akzeptiere sie.</label><br>
<input type="checkbox" id="newsletter" name="newsletter" value="ja">
<label for="newsletter">Ich möchte den kostenlosen Newsletter abonnieren und regelmäßig informiert
werden.</label><br>
<input type="checkbox" id="geschenk" name="geschenk" value="ja">
<label for="geschenk">Bitte als Geschenk verpacken (zzgl. 5€ Verpackungspauschale).</label><br>
</fieldset>
<fieldset>
<legend>Versand:</legend>
Versandart wählen:<br>
<input type="radio" id="versand" name="lieferoption" value="versand" required>
<label for="versand">Lieferung nach Hause (Standardversand)</label><br>
<input type="radio" id="filiale" name="lieferoption" value="filiale">
<label for="filiale">Abholung in einer Filiale Ihrer Wahl</label><br>
</fieldset>
<br>
<input type="submit" value="Bestellung abschicken">
</form>
</body>
</html>