4.Design a HTML form for Bus Ticket Reservation consisting of fields for Name, Address, contact no, source station(Dropdown list), Destination station, Date of booking, date of journey, no of passenger, name of passenger, gender of passenger etc. (Use proper alignment)

    Program :

 

 <html>

 <body>

 <center>

 <form>

<table>

<tr><h4>Bus Ticket Reservation</h4></tr>

<tr><td>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>Source Station : </td>

<td><select name="station" size="1">

    <option value="Mumbai">Mumbai</option>

    <option value="Delhi">Delhi</option>

    <option value="Hyderabad" >Hyderabad</option></td></tr>

    <tr><td>Destination : </td>

         <td><input type="text" name="desti"></td></tr>

    <tr><td>Date Of Booking : </td>

         <td><input type="date" name="date"></td></tr>

    <tr><td>Date Of Journey : </td>

         <td><input type="date" name="jdate"></td></tr>

    <tr><td>Numbers Of Passenger : </td>

         <td><input type="text" name="pass"></td></tr>

    <tr><td>Name Of Passenger : </td>

         <td><input type="text" name="passname"></td></tr>

    <tr><td>Gender of Passenger : </td>

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

         <input type="radio" name="color" value="blue"> Female </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