Programming Examples

Design a html from for o level registration


html Form

<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>
Output

Get Output

CCC Online Test 2021 CCC Practice Test Hindi Python Programming Tutorials Best Computer Training Institute in Prayagraj (Allahabad) Best Java Training Institute in Prayagraj (Allahabad) Best Python Training Institute in Prayagraj (Allahabad) O Level NIELIT Study material and Quiz Bank SSC Railway TET UPTET Question Bank career counselling in allahabad Sarkari Naukari Notification Best Website and Software Company in Allahabad Website development Company in Allahabad