61 lines
2.4 KiB
HTML
61 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Roxfort</title>
|
|
<link rel="stylesheet" href="roxfort.css">
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Roxforti regisztracios urlap urlap</h1>
|
|
<form id="hogwarts-form" class="fancy-form" method="post"
|
|
action="https://webhook.site/a5246656-f984-4021-b7b7-f25ba55a8852">
|
|
<div>
|
|
<label for="name">Név</label>
|
|
<input type="text" name="name" id="name" required placeholder="name">
|
|
</div>
|
|
<div>
|
|
<label for="dateofbirth">Születési Dátum</label>
|
|
<input type="date" name="dateofbirth" id="dateofbirth" required>
|
|
</div>
|
|
<div>
|
|
<label for="house">Ház</label>
|
|
<select name="house" id="house" required>
|
|
<option data-color-primary="transparent">Válassz egy házat</option>
|
|
<option data-color-primary="red" value="Griffindor">Griffindor</option>
|
|
<option data-color-primary="yellow" value="Hufflepuff">Hufflepuff</option>
|
|
<option data-color-primary="blue" value="Ravenclaw">Ravenclaw</option>
|
|
<option data-color-primary="green" value="Slytherin">Slytherin</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="password">Jelszó</label>
|
|
<input type="password" name="password" id="password" minlength="6" title="Legalább 6 karakter"
|
|
pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*_=+-]).{8,12}$" required>
|
|
</div>
|
|
<div>
|
|
<label for="haspet">Van állata</label>
|
|
<input type="checkbox" name="haspet" id="haspet">
|
|
<fieldset class="conditional">
|
|
<legend>Kisállat</legend>
|
|
<label>Faj <input type="text" name="petspecies" placeholder="fajta"></label>
|
|
<label>Név <input type="text" name="petname" placeholder="nev"></label>
|
|
</fieldset>
|
|
</div>
|
|
<div>
|
|
<label for="email">Email</label>
|
|
<input type="email" name="email" id="email" pattern=".+@hogwarts\.ac\.uk">
|
|
</div>
|
|
<div>
|
|
<label for="comments">Commentek</label>
|
|
<textarea name="comments" id="comments" rows="5" maxlength="200" placeholder="kviddics"></textarea>
|
|
</div>
|
|
<div>
|
|
<button type="submit">Küldés</button>
|
|
</div>
|
|
</form>
|
|
<script src="roxfort.js"></script>
|
|
</body>
|
|
|
|
</html> |