59 lines
2.2 KiB
HTML
59 lines
2.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>register</title>
|
||
|
|
<link rel="stylesheet" href="css/pico.min.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<main>
|
||
|
|
<div class="container">
|
||
|
|
<h1>TLM Nation - User Registration</h1>
|
||
|
|
<form action="/api/users/register" method="post">
|
||
|
|
<label for="username">
|
||
|
|
Username (a-zA-Z0-9-_):
|
||
|
|
<input type="text" name="username" id="username" placeholder="Username" aria-label="Username"
|
||
|
|
required />
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label for="email">
|
||
|
|
Email:
|
||
|
|
<input type="email" name="email" id="email" placeholder="Email address"
|
||
|
|
aria-label="Email address" required />
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<div class="grid">
|
||
|
|
<fieldset>
|
||
|
|
<label for="password">
|
||
|
|
Password:
|
||
|
|
<input onchange="ValidatePasswordFields()" type="password" name="password" id="password" placeholder="********"
|
||
|
|
aria-label="Password" required />
|
||
|
|
</label>
|
||
|
|
</fieldset>
|
||
|
|
|
||
|
|
<fieldset>
|
||
|
|
<label for="password-repeat">
|
||
|
|
Repeat Password:
|
||
|
|
<input onchange="ValidatePasswordFields()" type="password" id="password-repeat" placeholder="********"
|
||
|
|
aria-label="Repeat Password" required />
|
||
|
|
</label>
|
||
|
|
</fieldset>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<fieldset>
|
||
|
|
<label for="terms">
|
||
|
|
<input type="checkbox" role="switch" id="terms" name="terms"/>
|
||
|
|
I agree to the <a href="#" onclick="event.preventDefault()">Privacy Policy</a>
|
||
|
|
</label>
|
||
|
|
</fieldset>
|
||
|
|
<button type="submit" id="submit">Register</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<script src="js/register.js" defer></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|