| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Register</title> | |
| <script src="https://www.google.com/recaptcha/api.js" async defer></script> | |
| <script> | |
| function onSubmit(token) { | |
| document.getElementById('recaptcha_token').value = token; | |
| document.getElementById('registration-form').submit(); | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <h1>Register</h1> | |
| <form action="/register" method="post" id="registration-form"> | |
| <label for="username">Username:</label> | |
| <input type="text" id="username" name="username" required><br><br> | |
| <label for="email">Email:</label> | |
| <input type="email" id="email" name="email" required><br><br> | |
| <label for="password">Password:</label> | |
| <input type="password" id="password" name="password" required><br><br> | |
| <label for="confirm_password">Confirm Password:</label> | |
| <input type="password" id="confirm_password" name="confirm_password" required><br><br> | |
| <!-- Hidden field for the reCAPTCHA token --> | |
| <input type="hidden" id="recaptcha_token" name="recaptcha_token" value=""> | |
| <button class="g-recaptcha" | |
| data-sitekey="6LdMjQcpAAAAAGtbNZkL17ry1scsQjp1HSEhkLNl" | |
| data-callback='onSubmit' | |
| data-action='submit'>Register</button> | |
| </form> | |
| </body> | |
| </html> | |