Tilo15
/
Spry


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
							<!DOCTYPE html>
<html lang="en">
<head>
    <pstm-uri>/register</pstm-uri>
    <pstm-template>main</pstm-template>
    <script>
        // Surface error notifications inline instead of via alert().
        if (window.statum) {
            statum.onNotifyHandler = function (kind, message) {
                var area = document.getElementById('register-error');
                if (kind === 'error' && area) {
                    area.hidden = false;
                    area.textContent = message;
                    return;
                }
                window.alert(message);
            };
        }
    </script>
</head>
<body>
    <section>
        <h2>Create an account</h2>
        <p id="register-error" class="error" hidden></p>
        <form stm-action="page.register">
            <div class="form-row">
                <label for="register-username">Username</label>
                <input id="register-username" name="username" required autocomplete="username">
            </div>
            <div class="form-row">
                <label for="register-email">Email</label>
                <input id="register-email" type="email" name="email" required autocomplete="email">
            </div>
            <div class="form-row">
                <label for="register-forename">First name</label>
                <input id="register-forename" name="forename" required autocomplete="given-name">
            </div>
            <div class="form-row">
                <label for="register-surname">Last name</label>
                <input id="register-surname" name="surname" required autocomplete="family-name">
            </div>
            <div class="form-row">
                <label for="register-date-of-birth">Date of birth</label>
                <input id="register-date-of-birth" type="date" name="date_of_birth" required autocomplete="bday">
            </div>
            <div class="form-row">
                <label for="register-password">Password</label>
                <input id="register-password" type="password" name="password" required autocomplete="new-password">
            </div>
            <div class="form-row">
                <label for="register-confirm-password">Confirm password</label>
                <input id="register-confirm-password" type="password" name="confirm_password" required autocomplete="new-password">
            </div>
            <button type="submit">Create account</button>
        </form>
        <p>Already registered? <a href="/login">Log in</a>.</p>
    </section>
</body>
</html>