-
Notifications
You must be signed in to change notification settings - Fork 0
/
Registration.html
68 lines (65 loc) · 1.94 KB
/
Registration.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Registration</title>
<style>
div {
margin-top: 100px;
height: auto;
width: 350px;
border: 2px bisque;
background: linear-gradient(#fb009f,#fe0202);
border-radius: 10px;
border-spacing: 2px;
font-family: 'Times New Roman', Times, serif;
}
form button{
border: none;
background: rgb(128, 128, 64);
padding: 10px 0;
margin-top: 5px;
color: #fff;
border-radius: 3px;
font-weight: bold;
text-transform: capitalize;
letter-spacing: 3px;
outline: none;
cursor: pointer;
}
form input{
margin-bottom: 5px;
border: 1px solid rgba(o, 0, 0, 0.4);
border-radius: 3px;
outline: none;
}
form input:focus{
border: 1px solid rgba(0,0,0,0.7);
background: #efefef;
}
input[type="text"],input[type="password"],input[type="email"]{
padding-left: 10px;
position: relative;
height: 15px;
font-size: 17px;
}
</style>
</head>
<body style="background: radial-gradient(rgb(255, 255, 0),rgb(128, 255, 0));">
<center>
<form action="Registration">
<div>
<h1>Registration</h1>
<input type="text" placeholder="Enter user name" name="username"><br><br>
<input type="email" placeholder="Enter user email" name="useremailid"><br><br>
<input type="text" placeholder="Enter user mobilenumber" name="usermobilenumber"><br><br>
<input type="password" placeholder="Enter user password" name="userpassword"><br><br>
<input type="text" placeholder="Enter user address" name="useraddress"><br><br>
<input type="text" placeholder="Enter user id" name="userid"><br><br>
<input type="submit" style="background: linear-gradient(black,gold); padding: 10px; border-radius: 7px;">
<button>cancel</button>
</div>
</form>
</center>
</body>
</html>