-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
27 lines (26 loc) · 1.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<title>Username Page</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<!-- Meta tag for CSRF token -->
<meta name="csrf-token" content="{{csrfToken}}">
</head>
<body> <!-- Contains the content that is rendered on the browser -->
<div id="content"> <!-- Div that contains the form and the heading. This will be replaced with the welcome message after successful form submission -->
<!-- New div to wrap the text and the form. This div fits the content and aligns the text to the left -->
<div style="display: inline-block; text-align: left;">
<h1 id="prompt">Enter your username</h1>
<form id="usernameForm"> <!-- Form for entering the username -->
<input type="text" id="username" name="username" required> <!-- Text input field for the username -->
<div id="errorContainer">
<div id="error"></div> <!-- Div to display error messages -->
</div>
<input type="submit" value="Submit"> <!-- Submit button for the form -->
</form>
</div>
</div>
<script src="script.js"></script> <!-- Link to the external JavaScript file -->
</body>
</html>
<!-- Enjoying this callenge? We have 10 more for you in the [Secure Code Game](https://gh.io/securecodegame)! -->