HTML Login form with validation
In this article I explained that, HTML Login form
with client side validation. Here in this form I taken email id and password,
in this form we should give the correct email id pattern otherwise it will not
take wrong email id pattern and here I taken password pattern, that password
should be a-z,A-Z,0-9 and password length is between 8 to 30 letters.
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title></title>
</head>
<body>
<form
action="" method="post">
<table
align="center">
<tr><td>Email
id :</td><td><input type="email"name="eid"
pattern="^[_\.0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-zA-Z]{2,6}$"
tabindex="1"required /></td></tr>
<tr><td>Password
:</td><td><input type="password"name="psw"
tabindex="2" pattern="[a-zA-Z0-9
]{8,30}"required/></td></tr>
<tr><td></td><td><input
type="submit"
value="SignIn"tabindex="3"/></td></tr>
</table>
</form>
</body>
</html>