BCA / BCS: 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>

<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>

</table>

</form></center>

</body>

</html>

Output Screen

BCA / BCS