Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

in html form should look like this pls help Flight ticket search form You are required to design a form similar to Figure 1 that

in html

image text in transcribed

image text in transcribed

form should look like this pls help

Flight ticket search form You are required to design a form similar to Figure 1 that allows users to search for their flight tickets. The figure is created using a wire framing tool. Your HTML form might look (visually) different than what is shown in the picture. Make sure that the form functionality works. Later, we can improve the visual appearance of your form with CSS! Make sure to include the following requirements in your form design: Add a logo image of your choice to the form. Store your image in a folder in your project called images and use the relative addressing to add the image to your Website. Add fieldsets and legends for "flight information and personal information. "From" and "To" fields - user must select the source and destination cities. Depart and arrival dates are mandatory. The start signs shown beside the text indicate the mandatory fields. Do not worry about the color and use a black start or replace it with the "required text in front of the field. The default value for the number of adults is set to 1. Use the value attribute to set the default value. The minimum number allowed for adults must be 1 an the maximum is 10. The default value for the number of children is set to 0. The minimum number allowed for children must be 0 Phone number must show the correct number format as a place holder. Input value for phone number must be validated with a pattern that you will provide. You can check your course slides or code samples in Blackboard to find a valid regular expression for a phone number Define a maximum allowed text size for the email field. Optional step Define a pattern for a valid email address. You can use Web search or your course slides to find a valid pattern for an email! Search button must take you to another webpage, e.g., result.html. You can create a new page called result.html with a custom content. Use a method that appends user inputs into the URL. Clear button must reset all fields in the form. Make sure to all the code in a proper HTML format. For example, include a proper head, body, meta tags, semantic tags, and use indentation to make your code clear to read. Feel free to be creative and add additional elements to the form! Do not forget to validate your code before submitting it. LOGO Image Fun Web Dev.ca Book your flight tickets with us! Flight Information One-way O Two-way From Calgary To * Deporting Arriving Adults Children 0 Add a hotel Add a car Add a travel guide Personal Information Name Phone: 123 1238234 Email. Search Clear

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Database Processing Fundamentals Design And Implementation

Authors: KROENKE DAVID M.

1st Edition

8120322258, 978-8120322257

More Books

Students also viewed these Databases questions

Question

34. If Ax = 0 for all x 0, show that A 0.

Answered: 1 week ago

Question

what are the provisions in the absence of Partnership Deed?

Answered: 1 week ago

Question

1. What is called precipitation?

Answered: 1 week ago

Question

1.what is dew ?

Answered: 1 week ago