Experiment : 5
Aim : Write HTML program to create form.
Program :
<!DOCTYPE html>
<html>
<head>
<title>These is my first form</title>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" type="text/css">
</head>
<body>
<div class="container" style="border:2px solid #f00 ">
<div class="row">
<div class="col-md-8 mx-auto py-4 mb-4">
<h1><u>Form For Registration</font></u></h1><br><br>
<font size="4px">
<form>
<b> First Name:</b>
<input type="text" size="20"><br>
<br>
<b> Middle Name:</b>
<input type="text" size="20"><br>
<br>
<b>Last Name:</b>
<input type="text" size="20"><br>
<br>
<b>Email Id : </b>
<input type="text" size="30" maxlength="40"><br>
<br>
<b> Educational Details:</b>
<select>
<option>M-Tech</option>
<option>B.E.</option>
<option>B.Com.</option>
<option>B.A.</option>
</select><br>
<br>
<b>Passing Year</b>
<select>
<option>2017</option><br>
<option>2018</option><br>
<option>2019</option><br>
<option>2020</option><br>
<option>2021</option><br>
</select><br>
<br>
<b> Date Of Birth : </b>
<b>Date : </b>
<select>
<option>1</option><br>
<option>2</option><br>
<option>3</option><br>
<option>4</option><br>
<option>5</option><br>
<option>6</option><br>
<option>7</option><br>
<option>8</option><br>
<option>9</option><br>
<option>10</option><br>
<option>11</option><br>
<option>12</option><br>
<option>13</option><br>
<option>14</option><br>
<option>15</option><br>
<option>16</option><br>
<option>17</option><br>
<option>18</option><br>
<option>19</option><br>
<option>20</option><br>
<option>21</option><br>
<option>22</option><br>
<option>23</option><br>
<option>24</option><br>
<option>25</option><br>
<option>26</option><br>
<option>27</option><br>
<option>28</option><br>
<option>29</option><br>
<option>30</option><br>
<option>31</option><br>
</select>
<b> Month : </b>
<select>
<option>Jan</option><br>
<option>Feb</option><br>
<option>Mar</option><br>
<option>Apr</option><br>
<option>May</option><br>
<option>Jun</option><br>
<option>Jul</option><br>
<option>Aug</option><br>
<option>Sep</option><br>
<option>Oct</option><br>
<option>Nov</option><br>
<option>Dec</option><br>
</select>
<b> Year : </b>
<select>
<option>1991</option><br>
<option>1992</option><br>
<option>1993</option><br>
<option>1994</option><br>
<option>1995</option><br>
<option>1996</option><br>
<option>1997</option><br>
<option>1998</option><br>
<option>2000</option><br>
<option>2001</option><br>
<option>2002</option><br>
<option>2003</option><br>
<option>2004</option><br>
<option>2005</option><br>
</select><br>
<br>
<b>Gender : </b>
<input type="radio" name="Gender"> Male <input type="radio"
name="Gender"> Female <input type="radio" name="Genders"> Other<br>
<br>
<b>Caste : </b>
<input type="radio" name="Caste"> OBC <input type="radio" name="Caste">
SC <input type="radio" name="Caste"> ST <input type="radio">NT<br>
<br>
<b>Language : </b>
<input type="checkbox"> English <input type="checkbox"> Marathi <input
type="checkbox"> Hindi <input type="checkbox"> Gujarati <input type="checkbox"> Punjabi
<br>
<br>
<b>Address : </b> <br>
<textarea name="Address" rows="4" maxlength="30" cols="30"
maxlength="40"></textarea>
<br><br>
<b> Pincode : </b><input type="text" name="number" size="7"
maxlength="14">
<br><br>
<b> Contact No : </b><input type="text" name="number" size="10"
maxlength="13">
<br><br>
<input type="Submit" value="Submit"><input type="Reset" value="Reset"
name="Reset">
</form>
</font>
</div>
</div>
</div>
</body>
</html>
Output :
Conclusion : Hence We have successfully implement HTML code to create
Registration Form .
