html
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
28
<!--ashuu creation-->
<html>
<head>
<link rel="stylesheet" type="text/css" href="signupstyle.css?version=6">
</head>
<title>signup</title>
<body>
<form method="POST" validation="true" enctype="multipart/form-data" >
<div class="regblock">
<div class="form-box">
<span class="login-text">Sign Up</span>
<input type="text" name="name" minlength="8" maxlength="15" required placeholder="Username" />
<input type="email" name="email" required placeholder="Email" /></td>
<input type="password" name="password" required pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" placeholder="password" />
<input type="password" name="confirm_password" placeholder="Confirm password" required/>
<input type="submit" name="register" id="login" value="Sign Up">
<input type="submit" name="" id="cancel" value="Cancel">
Enter to Rename, Shift+Enter to Preview
css
css
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
28
*
{
margin: 0;
padding: 0;
font-family: 'Roboto ', sans-serif;
}
body
{
background-color:#e0e0e0;
}
.regblock
{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-size: cover;
margin-top:40px;
}
.form-box
{
display: flex;
flex-direction: column;
background-color:white;
padding: 20px 30px 30px 30px;
margin: 20px;
border-radius: 10px;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run