Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 14, Problem 2WR
Program Plan Intro
Program Plan:
- Include the HTML tag using “<html>”.
- Include the heading tag using “<head>”.
- Open the title tag using “<title>” with appropriate title and close the tag.
- Set the “meta” tag using “<meta>”.
- Open the style tag “<style>” to make style for HTML tags.
- Make a style for “input” type.
- Set the display as “block”.
- Set the “margin-bottom” as “1em”.
- Make a style for “label” element and set the properties of label.
- Make a style for “submit” element with margin-left property.
- Make a style for “h2” with background-color property.
- Make a style for “input” type.
- Open the script tag using “<script>”.
- Define the function named “validateForm()” to validate the user name, age and city.
- Check the condition for user name, if user name is “Null” then display the alert message and return “false”.
- Check the condition for age. If user’s age is less than 18 display the alert message and return “false”.
- Check the condition for city input. If the input box for city is “Null” then display the alert message “City field cannot be empty” and return “false”.
- Display the alert message for valid inputs and return “true”.
- Define the function named “validateForm()” to validate the user name, age and city.
- Close the script tag using “</script>”.
- Close the head tag using “</head>”.
- Include the body tag using “<body>”.
- Open the heading tag with appropriate heading using “<h1>” tag and close it.
- Descript the purpose of form validation in the paragraph tag “<p>”.
- Include the unordered list using “<ul>” tag.
- Create the list of URL of the websites in the list tag “<li>” with anchor tag “<a>”.
- Close each list with anchor tag using “</li>”.
- Close the unordered list “</ul>”.
- Open the form tag with “post” method, when the “onsubmit” event handler clicks by the user the “validateForm()” function called to validate the inputs.
- Include the inputs using “<input>” tag and label using “<label>” tag.
- Close the form tag using “</form>”.
- Include the anchor tag for the email link using “<a>”.
- Close the body tag using “</body>”.
- Include the heading tag using “<head>”.
- Close the file using “</html>” tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
design a search form about coffee shop that allows users to specify the type of coffee and the price also if the coffee is cold or hot and make it looking nice, by using HTML, CSS, and javascript (optional).
design a search form about the coffee shop: you can specify the type of coffee and the price also the cold or hot type, and make it responsive, by using HTML and CSS, javascript (optional).
Different method for finding HTML element
document.getElementsByClassName(name)
document.getElementsByTag(tag)
All of these
Both A and C
document.getElementById(id)
Chapter 14 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 14.4 - Prob. 1CPCh. 14.4 - Prob. 2CPCh. 14.4 - Prob. 3CPCh. 14.6 - Prob. 1CPCh. 14.6 - Prob. 2CPCh. 14.6 - Prob. 3CPCh. 14.8 - Describe a method that can be used to gather a...Ch. 14.8 - Prob. 2CPCh. 14.8 - Prob. 3CPCh. 14.9 - Prob. 1CP
Ch. 14.9 - Prob. 2CPCh. 14.9 - Prob. 3CPCh. 14.18 - Prob. 1CPCh. 14.18 - Prob. 2CPCh. 14.18 - Prob. 3CPCh. 14 - Prob. 1MCCh. 14 - Prob. 2MCCh. 14 - Prob. 3MCCh. 14 - Prob. 4MCCh. 14 - Prob. 5MCCh. 14 - Prob. 6MCCh. 14 - Prob. 7MCCh. 14 - Prob. 8MCCh. 14 - Prob. 9MCCh. 14 - Prob. 10MCCh. 14 - Prob. 11MCCh. 14 - Prob. 12FIBCh. 14 - Prob. 13FIBCh. 14 - The ________ object is assumed to exist and it is...Ch. 14 - Prob. 15FIBCh. 14 - A form control button can be used with a(n)...Ch. 14 - Prob. 17FIBCh. 14 - Prob. 18FIBCh. 14 - Prob. 19SACh. 14 - Prob. 20SACh. 14 - Prob. 1AYKCh. 14 - Prob. 2AYKCh. 14 - Prob. 3AYKCh. 14 - Prob. 1HOECh. 14 - Prob. 2HOECh. 14 - Prob. 3HOECh. 14 - Prob. 4HOECh. 14 - Prob. 5HOECh. 14 - Prob. 6HOECh. 14 - Prob. 7HOECh. 14 - Prob. 8HOECh. 14 - Prob. 1WRCh. 14 - Prob. 2WRCh. 14 - Prob. 3WR
Knowledge Booster
Similar questions
- Is it possible to create a user comment section like on YouTube using only HTML?arrow_forwardBy referring to the specifications given below, use HTML code and JavaScript to create the form as shown in Figure 6. WEBINAR REGISTRATION FORM Name : Contact Number : Email : Webinar Title : Select Webinar Date : dd/mm/yyyy Time : 10am - 12pm O 2pm - 4pm Number of participants : 1 Total Registration Fees(RM) : 0.00 O Add me to your mailing list for upcoming webinars. Submit Cancel Figure 6 Specifications: Create the form by assigning suitable id and name. Add a legend containing the text "WEBINAR REGISTRATION FORM" and use inline style to design the legend. Use to arrange the form elements. Create different form elements/controls with proper data for their attributes such as name, id, value and type. There is no need to create element for each form element. Set Webinar Title as a selection list that consists of 4 options: Select Webinar, Web for Beginners (RM100), Web for Intermediate (RM200) and Web for Advanced (RM300). Set Number of participants as a spinner control with range…arrow_forwardCreate the Following HTML Page HistoryProductsSelectorsContactWeather History- Should contain History of the company and at the buttom of the page, reader should be able to click an icon that will take them back to Main Menu. Products - The page should contain products the company is selling and user can select each one with a checkbox and automatically display the price to the user on check of each item and if multiple items selected, show the total price. Do not use button. Selectors is the current page available: Display all the information user's input or selected at the left hand side of the page at the click of any items @ Which is your preferred fuel source? Contact - should contains contact information of the organization and a simple contact form that will take user's information and alert a message. Weather - Should display weather information in Famagusta today.arrow_forward
- Create the given items then screenshot your code and output. Upload the images to this If you are using a mobile phone, you may use this online HTML editor: https://www.w3schools.com/tryit/ E-mail registration form A table of your class schedulearrow_forwardAssignment Create a web page that can calculate the roots of aparabola using the quadratic formula Your web page should have 3 input fields,representing the a, b and c values of a quadraticfunction in standard form, and a button thatcalculates the roots when clicked You must: use HTML5 use CSS use JavaScript solve for 1, 2 or no rootsarrow_forwardHtml code . Put up code with screenshotarrow_forward
- Different method for finding HTML element Both A and C All of these document.getElementByld(id) document. getElementsByTag(tag) document. getElementsByClassName(name)arrow_forwardDesign a website that has two pages: a static HTML and a PHP file. - Write your name and student ID. - The HTML file contains a form that requests a color and a number, between 5 and 50. - The PHP file reads the values for color and the number. Style the text “Working in the lab is great” with the color submitted and sized to the number of points submitted. Show the text in the browser. Submit the code. Select a color: Select a size: Submitarrow_forwardCreate an HTML5 form as close to the listed below as possible. And process it on back end using PHP programming language. Use GET method.arrow_forward
- Create a webpage where your 'future clients' can sign in to your website. You are free to use HTML or Python. Follow this instructions: - when they click the sign in button, the website will be redirected to a login page.arrow_forwardCreate a javascript page. Sample belowarrow_forwardDifferent method for finding HTML element document. getElementsBy Tag(tag) document. getElementsByClassName(name) O Both A and C All of these document.getElementByld(id)arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L