O Level Exam : Practical Question
📝 HTML
🎨 CSS
⚡ Java Script
<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>
▶ Run Code
🖥 Output: