assgn2.txt


<!DOCTYPE html>

<head>
<style>

body {
	background-image : url("/desktop/grey-gradient.jpg") ;
	}


form {  width : 310px ;
	padding : 10px 0px 10px 50px ;
	text-align : left ;
	border-style : solid ;
	border-radius : 5px ;
	border-color : black ;
	background-color : darkgrey ;
	}

body {
	padding : 10px 500px 0px 480px ;
	background-image : url("https://www.xmple.com/wallpaper/white-grey-gradient-linear-1920x1080-c2-ffffff-808080-a-300-f-14.svg");
}

input {
	height : 20px ;
	width : 250px ;
	}

</style>

<title>ASSIGNMENT 2</title>
</head>

<body>
<p>
<form target="_blank" id="form1">

<h1> Registration Form </h1>

<label>
Enter your name
</label><br>
<input placeholder="Name" maxlength=20 pattern="[a-zA-Z]+" form="form1" type="text">
<br><br>

<label>
Enter your address
</label><br>
<input placeholder="Address" maxlength=100 pattern="[a-zA-Z]+" form="form1" type="text">
<br><br>

<label>
Enter your email
</label><br>
<input type="email" placeholder="Email" form = "form1" pattern="[a-z]+@[a-z]+\.com">
<br><br>

<label>
Enter your mobile number
</label><br>
<input type="string" size=10 placeholder="Mobile number" form="form1" pattern="[1-9]+[0-9]{9}">
<br><br>

<label>
Enter your account number
</label><br>
<input form="form1" type="string" placeholder="Account number" pattern="[1-9]+[0-9]{4}">
<br><br>

<label>
Enter your password
</label><br>
<input maxlength=20 type="password" placeholder="Password" form="form1">
<br><br>

<input type="submit" value="Submit" form="form1">
<br><br>
<a href="#form1">Admin login</a>

</form>
</p>
</body>

</html>