· 5 years ago · Mar 06, 2020, 10:34 AM
1<html>
2<head>
3<style>
4input[type=text] {
5 width: 20%;
6 padding: 5px 20px;
7 margin: 8px 0;
8 box-sizing: border-box;
9 border-style: outset;
10 border: 2px solid red;
11 border-radius: 4px;
12 }
13input[type=submit] {
14 background: #0066A2;
15
16color: lime;
17
18border-style: outset;
19
20border-color: #0066A2;
21
22height: 30px;
23
24width: 50px;
25
26font: bold 9px arial, sans-serif;
27
28text-shadow:none;
29 }
30 .center {
31 display: block;
32 margin-left: auto;
33 margin-right: auto;
34 width: 20%;
35}
36 .redc {
37
38 color: red;
39 font: Small Fonts;
40 }
41 .greenc{
42 color:green;
43 font: Small Fonts;
44 }
45 .bluec{
46 color:blue;
47 font: Small Fonts;
48 }
49 body .multicolortext {
50 background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
51 -webkit-background-clip: text;
52 -moz-background-clip: text;
53 background-clip: text;
54 color: transparent;
55 }
56</style>
57</head>
58<body>
59<img src="reg.jpg" class="center">
60<h1><font color="Black" font style="Vivaldi" ><center>Forms for registrations</h1>
61<form>
62<label for="name">Name:</label> <br><br>
63<input type="text" id="name" maxlength="42" name="Name" value=""
64 pattern="[A-Z][a-z]{5}" title="Enter Atleast 5 Alphabets" > (More than 5 Charecters name)<br>
65
66<p class="redc"> Password:</p> <br>
67<input type="text" maxlength="18" name="Password" value=" "
68 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"> (Should have a Number (0-9),Uppercase(A..Z),SpecialChar (!@#...),Lowecase (a-z),More than 6 Charecters)<br>
69
70<p class="greenc">Email:</p> <br>
71<input type="text" name="mailadd" value=""
72 pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" title="Enter proper Mail address"> (Ex.: ___@gmail.com , ___@yahoo.com ,etc)<br>
73
74<p class="bluec">Phone No:</p> <br>
75<input type="text" maxlength="10" name="phno" value=""
76 pattern="[0-9]{10}" title="Enter proper phone number"> (Ex:152012702)<br>
77Submit:<br>
78<input type="submit" >
79
80
81</form>
82
83
84
85</body>