3.Design an HTML form to take the information of a customer for booking a travel plan consisting of fields such as name, address, contact no, gender, preferred season(Checkboxes), location type(to be selected from a list) etc. You should provide button to submit as well as reset the form contents. (All the fields should be properly aligned)

Program :

             <html>

<body>

<center>

<form>

<table>

<tr><h4>Booking Of a Travel Plan</h4></tr>

<tr><td>Customer Name : </td><td><input type="text" name="name"></td></tr>

<tr><td>Address : </td><td><textarea  name="add"></textarea></td></tr>

<tr><td>Contact No : </td><td><input type="text" name="mob"></td></tr>

<tr><td>Gender : </td><td>

<input type="radio" name="color" value="red"> Male 

<input type="radio" name="color" value="blue"> Female </td></tr>

<tr><td>Season : </td><td>

<input type="checkbox" value="Winter">Winter

<input type="checkbox" value="Spring">Spring

<input type="checkbox" value="Summer">Summer</td></tr>

 <tr><td>Location Type : </td><td><select name="Location" size="1">

    <option>Kashmir</option>

    <option>Delhi</option>

    <option>Hyderabad</option>

    <option>Sikkim</option></td></tr>

   <tr><th><input type="Submit" value="Submit"> </th><th>

  <input type="Reset"></th></tr>

  </table>

  </form></center> 

  </body>

 </html>



Output Screen





No comments:

Post a Comment