<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>Registration form with javascript validation</title>
<link rel='stylesheet' href='js-form-validation.css' type='text/css' />
</head>
<body onload="document.registration.userid.focus();">
<h1>REGISTRATION</h1>
<div style="width: 500px; height: 570px; background-color: #fce729">
<form name='registration' onSubmit="return formValidation();">
<div>User id:</div>
<div><input type="text" name="userid" size="12" /></div>
<div>Password:</div>
<div><input type="password" name="pass" size="12" /></div>
<div>Name:</div>
<div><input type="text" name="username" size="50" /></div>
<div>Address:</div>
<div><input type="text" name="address" size="50" /></div>
<div>Country:</div>
<div><select name="country">
<option selected="" value="Default">(Please select a country)</option>
<option value="AF">Australia</option>
<option value="AL">Canada</option>
<option value="DZ">India</option>
<option value="AS">Russia</option>
<option value="AD">USA</option>
</select>
</div>
<div>ZIP Code:</div>
<div><input type="text" name="zip" /></div>
<div>Email:</div>
<div><input type="text" name="email" size="50" /></div>
<div>Sex:</div>
<div>
<input type="radio" name="sex" value="Male" /><span>Male</span>
<input type="radio" name="sex" value="Female" /><span>Female</span>
</div>
<div>Language:</div>
<div>
<input type="checkbox" name="en" value="en" checked /><span>English</span>
<input type="checkbox" name="nonen" value="noen" /><span>Non English</span>
</div>
<div>About:</div>
<div><textarea name="desc" id="desc"></textarea></div>
<div><input type="submit" name="submit" value="Submit" /></div>
</form>
</div>
</body>
</html>
No comments:
Post a Comment