Project: CA Arunkumar and Co.(Website for CA Firm)

on

Develop a HTML document to display admission form for a course (Use all available form controls)

on

Code:

 Filename: student_registration.html

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Student Registartion</title>

</head>

<body>

<table cellspacing="10" cellpadding="2" border="2" width="50%" align="center">

<form action="success.html" method="_post" target="_blank">

<tr>

<td colspan="2"><center><h1>STUDENT REGISTER FORM</h1></center></td>

</tr>

<tr>

<td>Student Name:</td>

<td><input type="text" name="FirstName" maxlength="25" required></td>

</tr>

<tr>

<td>Father Name:</td>

<td><input type="text" name="FatherName" maxlength="25" required></td>

</tr>

<tr>

<td>Address: </td>

<td><textarea rows="5" cols="20"></textarea>

</td>

</tr>

<tr>

<td>Date Of Birth: </td>

<td>

<select name="dd">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>

<option value="27">27</option>

<option value="28">28</option>

<option value="29">29</option>

<option value="30">30</option>

<option value="31">31</option>

</select>

<select name="mm">

<option value="Jan">Jan</option>

<option value="Feb">Feb</option>

<option value="Mar">Mar</option>

<option value="Apr">Apr</option>

<option value="May">May</option>

<option value="Jun">Jun</option>

<option value="Jul">Jul</option>

<option value="Aug">Aug</option>

<option value="Sep">Sep</option>

<option value="Oct">Oct</option>

<option value="Nov">Nov</option>

<option value="Dec">Dec</option>

</select>

<select name="yyyy">

<option value="1991">1991</option>

<option value="1992">1992</option>

<option value="1993">1993</option>

<option value="1994">1994</option>

<option value="1995">1995</option>

<option value="1996">1996</option>

<option value="1997">1997</option>

<option value="1998">1998</option>

<option value="1999">1999</option>

<option value="2000">2000</option>

<option value="2001">2001</option>

<option value="2002">2002</option>

<option value="2003">2003</option>

<option value="2004">2004</option>

<option value="2005">2005</option>

<option value="2006">2006</option>

<option value="2007">2007</option>

<option value="2008">2008</option>

<option value="2009">2009</option>

<option value="2010">2010</option>

<option value="2011">2011</option>

<option value="2012">2012</option>

<option value="2013">2013</option>

<option value="2014">2014</option>

<option value="2015">2015</option>

<option value="2016">2016</option>

<option value="2017">2017</option>

<option value="2018">2018</option>

<option value="2019">2019</option>

<option value="2020">2020</option>

<option value="2021">2021</option>

</select>

</td>

</tr>

<tr>

<td>Gender:</td>

<td>

<input type="radio" name="gender" value="Male">Male

<input type="radio" name="gender" value="Female">Female

</td>

</tr>

<tr>

<td>E-Mail: </td>

<td><input type="email" name="email"></td>

</tr>

<tr>

<td>+2/PUC</td>

<td>

<input type="radio" name="sub" value="Science">Science

<input type="radio" name="sub" value="Commerce">Commerce

<input type="radio" name="sub" value="Arts">Arts

</td>

</tr>

<tr>

<td>Subject Taken in PUC:</td>

<td>

<select size="6" multiple>

<option value="Physics">Physics</option>

<option value="Chemistry">Chemistry</option>

<option value="Mathematics">Mathematics</option>

<option value="Commerce">Commerce</option>

<option value="Arts">Arts</option>

</select>

</td>

</tr>

<tr>

<td>Intrested In:</td>

<td>

<input type="checkbox" name="designing">Designing

<input type="checkbox" name="Coding">Coding

<input type="checkbox" name="Analyst">Analyst

</td>

</tr>

<tr>

<td>Photo:</td>

<td>

<input type="file" name="photo" accept="image/png,image/jpeg">

</td>

</tr>

<tr>

<td>Password:</td>

<td><input type="password" name="password"></td>

</tr>

<tr>

<td></td>

<td>

<input type="submit" name="submit" value="SUBMIT">

<input type="reset" name="reset" value="CLEAR">

</td>

</tr>

</form>

</table>

</body>

</html>

Filename: success.html

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title></title>

</head>

<body>

<h1>Submitted Successfully</h1>

</body>

</html>

Output: