Sunteți pe pagina 1din 6

REGISTRATION FORM

Create a registration form with the following form elements neatly aligned with background
image:
Name (text)
Email (text)
Mobile no: (Text)
Address(textarea)
Gender (radio button)
Course : MCA/ MBA (Checkbox)
Date of Birth (Drop down list using select)
Educational Details : ( Table)
Class

Year of passing Marks

....

...

XII

....

..

Degree

....

....

Submit and Reset Button at the bottom (on submit redirect to a page saying " Successfully
submited the form )

PROGRAM
<html>
<body>
<title>Registration Form</title>
<h2 align=center>REGISTRATION FORM</h2>
<form>
Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name=name>
<br>
<br>
Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name=email>
<br>
<br>
Mobile No&nbsp;<input type=text name=mobileno>
<br>

<br>
Address&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<textarea rows=10 cols=20>
</textarea>
<br>
<br>
Gender:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=radio name=gender value=male>Male
<input type=radio name=gender value=female>Female<br><br>
Course:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=checkbox name=course
value=MCA>MCA
<input type=checkbox name=course value=MBA>MBA<br><br>
Date of birth<select name=day>
<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=month>
<option value=January>January</option>
<option value=February>February</option>
<option value=March>March</option>
<option value=April>April</option>
<option value=May>May</option>
<option value=June>June</option>
<option value=July>July</option>
<option value=August>August</option>
<option value=September>September</option>
<option value=October>October</option>
<option value=November>November</option>
<option value=December>December</option>
</select>
<select name=year>
<option value=1990>1990</option>
<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>
</select>
<br>
<br>
Educational Details
<br>
<br>
<table border=1 width=20% cellspacing=2>
<tr>
<th>Class</th>
<th>Year of passing</th>
<th>Marks</th>
</tr>
<tr>
<td>X</td>
<td><input type=text name=name></td>
<td><input type=text name=name></td>
</tr>
<tr>
<td>XII</td>
<td><input type=text name=name></td>
<td><input type=text name=name></td>
</tr>
<tr>
<td>Degree</td>
<td><input type=text name=name></td>
<td><input type=text name=name></td>
</tr>
</table>
<br>
<br>
</form>

<form method="link" action="file:///home/pranitha/Desktop/submit.html">


<input type=submit value=submit>
<input type=reset value=reset>
</form>
</body>
</html>

OUTPUT

S-ar putea să vă placă și