46 lines
1.7 KiB
HTML
46 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="da">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Skydesportens Dag - registrering</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="stylesheet" href="/styles.css">
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<section class="panel">
|
|
<p class="eyebrow">Vestfalster Skytteforening</p>
|
|
<h1>Skydesportens Dag</h1>
|
|
<p class="intro">Registrer dig som besøgende. Oplysningerne bruges kun i forbindelse med arrangementet.</p>
|
|
<div id="message" class="notice" hidden></div>
|
|
<form id="registration-form" class="form">
|
|
<label>Navn
|
|
<input name="name" autocomplete="name" required maxlength="160">
|
|
</label>
|
|
<label>Vejnavn og husnummer
|
|
<input name="streetAddress" autocomplete="street-address" required maxlength="240">
|
|
</label>
|
|
<div class="address-grid">
|
|
<label>Postnummer
|
|
<input name="postalCode" inputmode="numeric" pattern="[0-9]{4}" autocomplete="postal-code" required maxlength="4">
|
|
</label>
|
|
<label>Postby
|
|
<input name="city" list="city-suggestions" autocomplete="address-level2" required maxlength="120">
|
|
<datalist id="city-suggestions"></datalist>
|
|
</label>
|
|
</div>
|
|
<label>Fødselsdag
|
|
<input name="birthday" type="date" required>
|
|
</label>
|
|
<label>Email
|
|
<input name="email" type="email" autocomplete="email" required maxlength="240">
|
|
</label>
|
|
<button type="submit">Registrer besøgende</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
<script src="/app.js"></script>
|
|
</body>
|
|
</html>
|