Programming Examples
Design a html from for o level registration
Create a NIELIT O Level Registration Form
Solution
<html>
<head>
<title>REGISTRATION APPLICATION FORM FOR COURSE – O LEVEL</title>
</head>
<body>
<center><h3>REGISTRATION APPLICATION FORM FOR COURSE – O LEVEL</h3></center>
<form>
<table align="center" width="80%" border="1" cellpadding="5px" cellspacing="0">
<tr bgcolor="#0090b8">
<td colspan="3"><font color="white"><b>1. Registration Form</b></font></td>
</tr>
<tr>
<td>1.0</td>
<td>Have you got online reference number for enrolment with<br/> NIELIT/Accreditation/Extension Center </td>
<td><label>No</label><input type="radio" name="enroll"/><label>Yes</label><input type="radio" name="enroll"/></td>
</tr>
<tr>
<td>1.1</td>
<td>Registration sought for</td>
<td>
<select disabled>
<option>O LEVEL</option>
</select>
</td>
</tr>
<tr>
<td>1.2</td>
<td>Applied As</td>
<td><label>Direct Candidate</label><input type="radio" name="type" checked/><label>Through Institute</label><input type="radio" name="type"/></td>
</tr>
<tr>
<td>1.3</td>
<td>Exam Cycle </td>
<td><input type="text" value="July, 2022" readonly/></td>
</tr>
<tr>
<td>1.4</td>
<td>Registration Fee Will Be Paid By? </td>
<td><input type="text" value="Candidate Direct to NIELIT" disabled/></td>
</tr>
<tr bgcolor="#0090b8">
<td colspan="3"><font color="white"><b>2. Applicant's Personal Details</b></font></td>
</tr>
<tr>
<td>2.1</td>
<td>Applicant's full name </td>
<td>
<select >
<option>--Select --</option>
<option>Mr.</option>
<option>Ms.</option>
<option>Others</option>
</select>
<input type="text" size="20"/>
</td>
</tr>
<tr>
<td>2.2</td>
<td>Care Of </td>
<td><label>Parents</label><input type="radio" name="care" checked/><label>Guardian </label><input type="radio" name="care"/></td>
</tr>
<tr>
<td>2.2.1</td>
<td>Father's Name </td>
<td>
<select disabled >
<option>Mr.</option>
</select>
<input type="text" size="20"/>
</td>
</tr>
<tr>
<td>2.2.2</td>
<td>Mother's Name </td>
<td>
<select disabled >
<option>Mrs.</option>
</select>
<input type="text" size="20"/>
</td>
</tr>
<tr>
<td>2.3</td>
<td>Gender</td>
<td>
<label>Male</label><input type="radio" name="Gender"/>
<label>Female </label><input type="radio" name="Gender"/>
<label>Others </label><input type="radio" name="Gender"/>
</td>
</tr>
<tr>
<td>2.4</td>
<td>Date of Birth</td>
<td>
<input type="date"/>
</td>
</tr>
<tr>
<td>2.5</td>
<td>Marital Status</td>
<td>
<select>
<option>--Select--</option>
<option>Single</option>
<option>Married</option>
<option>Divorced</option>
<option>Widowed</option>
</select>
</td>
</tr>
<tr>
<td>2.6</td>
<td>Category </td>
<td>
<select>
<option>--Select--</option>
<option>General</option>
<option>OBC</option>
<option>SC</option>
<option>ST</option>
</select>
</td>
</tr>
<tr>
<td>2.7</td>
<td>Handicapped </td>
<td><label>No</label><input type="radio" name="Handicapped" checked/><label>Yes</label><input type="radio" name="Handicapped"/></td>
</tr>
<tr>
<td>2.8</td>
<td>Ex-Serviceman </td>
<td><label>No</label><input type="radio" name="Serviceman" checked/><label>Yes</label><input type="radio" name="Serviceman"/></td>
</tr>
<tr>
<td>2.9</td>
<td>EWS </td>
<td><label>No</label><input type="radio" name="EWS" checked/><label>Yes</label><input type="radio" name="EWS"/></td>
</tr>
<tr>
<td>2.10</td>
<td>Religion </td>
<td>
<select>
<option>--Select--</option>
<option>Hindu</option>
<option>Muslim</option>
<option>Jain</option>
<option>Christianity</option>
</select>
</td>
</tr>
<tr bgcolor="#0090b8">
<td colspan="3">3. Contact Details</td>
</tr>
<tr>
<td>3.1</td>
<td>Mobile Number</td>
<td><input type="tel"/></td>
</tr>
<tr>
<td>3.2</td>
<td>Email ID</td>
<td><input type="email"/></td>
</tr>
<tr>
<td>3.3</td>
<td>Address Line 1</td>
<td><input type="text"/></td>
</tr>
<tr>
<td>3.4</td>
<td>Address Line 2</td>
<td><input type="text"/></td>
</tr>
<tr>
<td>3.5</td>
<td>City</td>
<td><input type="text"/></td>
</tr>
<tr>
<td>3.6</td>
<td>State</td>
<td>
<select>
<option>--Select--</option>
<option value="Andhra Pradesh">Andhra Pradesh</option>
<option value="Andaman and Nicobar Islands">Andaman and Nicobar Islands</option>
<option value="Arunachal Pradesh">Arunachal Pradesh</option>
<option value="Assam">Assam</option>
<option value="Bihar">Bihar</option>
<option value="Chandigarh">Chandigarh</option>
<option value="Chhattisgarh">Chhattisgarh</option>
<option value="Dadar and Nagar Haveli">Dadar and Nagar Haveli</option>
<option value="Daman and Diu">Daman and Diu</option>
<option value="Delhi">Delhi</option>
<option value="Lakshadweep">Lakshadweep</option>
<option value="Puducherry">Puducherry</option>
<option value="Goa">Goa</option>
<option value="Gujarat">Gujarat</option>
<option value="Haryana">Haryana</option>
<option value="Himachal Pradesh">Himachal Pradesh</option>
<option value="Jammu and Kashmir">Jammu and Kashmir</option>
<option value="Jharkhand">Jharkhand</option>
<option value="Karnataka">Karnataka</option>
<option value="Kerala">Kerala</option>
<option value="Madhya Pradesh">Madhya Pradesh</option>
<option value="Maharashtra">Maharashtra</option>
<option value="Manipur">Manipur</option>
<option value="Meghalaya">Meghalaya</option>
<option value="Mizoram">Mizoram</option>
<option value="Nagaland">Nagaland</option>
<option value="Odisha">Odisha</option>
<option value="Punjab">Punjab</option>
<option value="Rajasthan">Rajasthan</option>
<option value="Sikkim">Sikkim</option>
<option value="Tamil Nadu">Tamil Nadu</option>
<option value="Telangana">Telangana</option>
<option value="Tripura">Tripura</option>
<option value="Uttar Pradesh">Uttar Pradesh</option>
<option value="Uttarakhand">Uttarakhand</option>
<option value="West Bengal">West Bengal</option>
</select>
</td>
</tr>
<tr>
<td>3.7</td>
<td>Pin Code</td>
<td><input type="text"/></td>
</tr>
<tr bgcolor="#0090b8">
<td colspan="3">4. Educational / Qualification Details</td>
</tr>
<tr>
<td>4.1</td>
<td>Highest Educational Qualification</td>
<td>
<select>
<option>--Select--</option>
<option>10th</option>
<option>12th</option>
<option>Graduate</option>
<option>Post Graduate</option>
</select>
</td>
</tr>
<tr>
<td>4.2</td>
<td>Year of Passing</td>
<td><input type="text"/></td>
</tr>
<tr bgcolor="#0090b8">
<td colspan="3">5. Identification Details</td>
</tr>
<tr>
<td>5.1</td>
<td>Aadhar Card Number</td>
<td><input type="text" maxlength="12"/></td>
</tr>
<tr>
<td>5.2</td>
<td>Upload Photo</td>
<td><input type="file"td>
</tr>
<tr>
<td colspan="3" align="center">
<input type="submit" value="Submit"/>
<input type="reset" value="Back"/>
</td>
</tr>
</table>
</form>
</body>
</html>