<!DOCTYPE html>
<html>
<head>
<title>Details Form</title>
</head>
<body style="background-color:#E6E6FA">
<h1 style="margin-left:580px;color:red;"> Form</h1>
<form action="#" id='testform' name='testform' >
<div style='margin-left:500px;width:120px;float:left;color:red;'>First Name</div>
<input type='text' name='first' id='first' class='required'>
<br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>Last Name</div>
<input type='text' name='last' id='last' class="required">
<span id='lasterror' style="margin-left:120px;"></span><br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>Father's Name</div>
<input type='text' name='fname' class="required"><br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>Dob</div>
<input type='text' name='dob' id='dob' class="required">
<span id='doberror' style="margin-left:120px;"></span><br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>Gender</div>
<span> <input type='radio' name='gender' value='0'>male
<input type='radio' name='gender' value='1' >female</span><br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>Address</div>
<input type='text' name='address' class="required"><br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>State</div>
<select name='dropbox'>
<option value='ap' >ap</option>
<option value='tml' >tml</option>
</select><br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>Pincode</div>
<input type='text' name='address' class="required"><br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>EMail</div>
<div><input type='text' name='first' class="required email"></div>
<br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>Phone Number</div>
<input type='text' name='address' class="required"><br><br>
<div style='margin-left:500px;width:120px;float:left;color:red;'>Languages</div>
<input type='checkbox' name=telugu>telugu
<input type='checkbox' name='hindi' >hindi
<input type='checkbox' name='english'>english<br><br>
<div>
<center><button type='submit' value='submit' id="submit" >submit</button></center>
</div>
</form>
</body>
</html>
OUTPUT:
