3. In the book webpage, the user should be able to choose the type of trip. If the user selects a one-way trip, the user

Post by **answerhappygod** » Fri Jul 01, 2022 5:51 am

3. In the book webpage, the user should be able to choose the type of trip. If the user selects a one-way trip, the user should be able to enter the origin, destination, departure date, and arrival date. If the user selects a round trip, the user should be able to enter the origin, destination, departure date, and arrival date for both ways. On the book webpage, there should be a passenger icon. If the user clicks on the passenger icon, a form should be displayed. In this form, the user should be able to choose the type of passenger ( adults, children, or infants). The user also should be able to enter the number of passengers for each category.
BELOW CODE NEED TO BE EDITED:
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <title>Travels</title> <link rel="stylesheet" href="mystyle.css" /> </head>
<div class="header"> <h1 style="color:black;">Travels</h1></div>
<div class="row"><div class="topnav"> <a href="flights.html">Flight</a> <a href="book.html">Book</a> <a href="flightstatus.html">Flight Status</a> <a href="specialoffers.html">Special Offers</a> <a href="contact.html">Contact</a></div></div>
<div class="row">
<div class="column side"> <h2>About Us</h2>
<div class="column middle"> <form name="form"> <h2>Registion Flight</h2> <label>Title</label> <select name="Title"> <option>Mr</option> <option>Ms</option> <option>Mrs</option> </select><br> <label class="large-label" for="your-name"> First name <input id="your-name" name="your-name" type="text"><br> </label> <label class="large-label" for="your-name"> Last name <input id="your-name" name="your-name" type="text"><br> </label> <label class="large-label" for="your-name"> Phone <input id="your-name" name="your-name" type="text"><br> </label> <label class="large-label" for="your-name"> Email <input id="your-name" name="your-name" type="text"><br> </label> <label class="large-label" for="your-name"> Passport Deatils <input id="your-name" name="your-name" type="text"><br> </label> <label>Nationality</label> <select name="Nationality"> <option>India</option> <option>USA</option> </select><br> <label>Arrival</label> <select name="arrival"> <option>India</option> <option>Thailand</option> <option>Singapore</option> </select><br> <label>Departure</label> <select name="departure"> <option>Thailand</option> <option>Singapore</option> <option>India</option> </select><br> <label>Adult</label> <select name="adult"> <option>0</option> <option>1</option> <option>2</option> <option>3+</option> </select><br> <button type="Submit">Submit</button> </form> </div>
</div></body></html>