Slip 19 - B) 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)

Solution:


<html>
<body>
<form>
<h1>Information of a Customer for booking a travel plan </h1>
34
<table border=1>
<tr>
<td>Name </td>
<td><input type="text" size="20">
</tr>
<tr>
<td>Address</td>
<td><textarea rows="4" cols="50"></textarea
</tr>
<tr>
<td>Contact no </td>
<td><input type="text" size="20">
</tr>
<tr>
<td>Gender</td>
<td><input type="radio" size="20" name="radio1">male <input type="radio" size="20" name="radio1">female</td> </tr>
</tr>
<tr>
<td>Preferred Season</td>
<td><input type="Checkbox" size="20">Winter<input type="Checkbox" size="20">Summer</td> </tr>
</tr>
<tr>
<td>Location Type</td>
<td><select name="example">
<option value="item1">UK
<option value="item2">US
<option value="item3">Italy
</select>
</tr>
<tr>
<tr>
<td><input type="reset" value="Reset"></td>
<td><input type="submit" value="Submit"></td>
</tr>
</form>
</body>
</html>

Post a Comment

0 Comments