as

Design web pages using HTML that will contain online admission forms.

Design web pages using HTML that will contain online admission forms.

Tags :-
<form> :-  To create an HTML form 
<table> : To Create Table
<caption> : Set Table Caption (Heading)
<tr>:- Create Table row

 Code :-

<html>
<head>
 <title> Form Demo</title>
</head>
<body bgcolor="cyan">
<form name="f1" method = "POST" Action = "">
<center>
<table bgcolor="Yellow" border="5">
 <caption><h1>Admission Form</h1></caption>
 <tr>
  <td>First Name</td>
  <td><input type = "text" value="Enter Here"></td>
 </tr>
 <tr>
  <td>Middle Name</td>
  <td><input type = "text" value="Enter Here"></td>
 </tr>
 <tr>
  <td>Last Name</td>
  <td><input type = "text" value="Enter Here"></td>
 </tr>
 <tr>
  <td>Current Address :- </td>
  <td ><textarea ></textarea></td>
 </tr>
 <tr>
  <td>Permanat Address :- </td>
  <td><textarea ></textarea></td>
 </tr>

 <tr>
  <td>Select :- </td>
  <td>
   <input type="radio" name="fa">Science
   <input type="radio" name="fa">Commerce
   <input type="radio" name="fa">Art
  </td>
 </tr>
 <tr>
 <td>Select Course :-</td>
 <td>
  <select name="dropdown">
   <option selected>11th </option>
   <option >12 th</option>
   <option >First Year</option>
   <option >Second Year</option>
   <option >Third Year</option>
  </select>
 </td>
 </tr>
 <tr>
 <td>Select Subject :-</td>
 <td>
  <select name="quali" multiple>
   <option>Chemistry</option>
   <option>Physics</option>
   <option>Mathematics</option>
   <option>Electronics</option>
   <option>Computer Science</option>
  </select>
 </td>
 </tr>
 <tr>
  <td>Gender :- </td>
  <td>
   <input type="radio" name="gen" value="Male">Male
   <input type="radio" name="gen" value="Female">Female
  </td>
 </tr>
 <tr>
 <td>Date Of Birth :-</td>
 <td>
  <input type = "text" size="2" value="DD">
  <input type = "text" size="2" value="MM">
  <input type = "text" size="4" value="YYYY">
 </td>
 </tr>
 <tr>
 <td>Email ID :- </td>
 <td>
  <input type = "text" value="Enter Email-ID">
 </td>
 </tr>
 <tr>
 <td>Mobile No :-</td>
 <td>
  <input type = "text" value="Enter No.">
 </td>
 </tr>
 <tr>
 <td>Hobbies :-</td>
 <td>
  <input type="checkbox">Dancing
  <input type="checkbox">Reading<br>
  <input type="checkbox">Play games
  <input type="checkbox">learning
 <td>
 </tr>
 <tr>
  <td>Upload Photo :-</td>
  <td><input type="file"></td>
 </tr>
 <tr>
  <td>Upload Sign :-</td>
  <td><input type="file"></td>
 </tr>
 <tr>
  <td></td>
  <td><input type="submit" value="submit">
  <input type="reset" value="reset"></td>
 </tr>
</table>
</center>
</form>




</body>
</html>



Output :- Click view Live Output



Labels: , , ,