Create A Feedback Form Using Form handling || DWPD Sem 5 Practical 3

on

DWPD : Practical 3

 An HTML form on a web page enables a user to provide inputs to an application. The data entered by the user is then sent to the server for further processing or storing in the database.


Index.html file
<!DOCTYPE html>
<html>
<head>
<title>Feedback Form</title>
<style>
input[type="text"],input[type="email"],select
{
 border:none;
 width:99%;
}
input[type="submit"],input[type="reset"]
{
 width:100%;
 border-radius:1em;
 background:grey;
 border:1px solid yellow;
}
</style>
</head>
<body>
 <h3> Feedback Form </h3>
<table border="1" cellspacing="0" cellpadding="2px">
 <form method="post">
  <tr>
   <td>Student Name</td>
   <td>
    <input type="text" name="Name" placeholder="Name"/>
   </td>
  </tr>
  <tr>
   <td>Enrollment No.</td>
   <td>
    <input type="text" name="enroll" placeholder="Enrollment NO." />
   </td>
  </tr>
  <tr>
   <td>Department</td>
   <td>
    <select name="dept">
     <option selected>Select Department</option>
     <option value="Computer">Computer</option>
     <option value="Civil">Civil</option>
     <option value="mechanical">Mechanical</option>
    </select>
   </td>
  </tr>
  <tr>
   <td>Semester</td>
   <td>
    <select name="sem">
     <option selected>Select Semester</option>
     <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>
    </select>
   </td>
  </tr>
  <tr>
   <td>Select your favorite subject</td>
   <td>
    <input type="checkbox" name="english">English
    <input type="checkbox" name="Mathematics">Mathematics
    <input type="checkbox" name="Economics">Economics
   </td>
  </tr> 
  <tr>
   <td colspan="2">
    <textarea cols="50" rows="3" placeholder="Write your review"></textarea>
   </td>
  </tr>
  <tr>
   <td>Gender</td>
   <td>
    <input type="radio" name="gender">Male<br>
    <input type="radio" name="gender">Female
   </td>
  </tr>
  <tr>
   <td>Email</td>
   <td>
    <input type="Email" name="Email" placeholder="Email" />
   </td>
  </tr>
  <tr>
   <td>
    <input type="submit" name="submit" value="Submit" />
   </td>
   <td>
    <input type="reset" name="Reset" value="Reset" />
   </td>
  </tr>
</table>
 </form>
</body>
</html>


Output : 

output
 

Comments

Post a Comment