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 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)
Is it possible to create a user comment section like on YouTube using only HTML?
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
- Please explain what jQuery-UI widget is in Interactive Web Applications. Please give a coding example. Thanksarrow_forwardNeeding help: create your own similar PHP code example in which you will demonstrate an application with and without an error handler code. Please type out in text as handwriting is often difficult to read.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_forward
- Topic: JSON and AJAX Please choose the correct answer (or answers) from the following choices notated by blank circles or squares.arrow_forwardYou are required to design HTML page based on the following descriptions (add a screen shot of your web page in this document + paste the HTML code you create): Create tag to display the web page title called “IT Blog”. Add “Technology Blog” as Heading 1. Add “Types of Viruses” as Heading 3. Under Types of viruses heading add the following list and nested list: Malware Denial of Service attack (DoS) Distributed Denial of Service attack (DDoS) Spyware Add numbered list of the following questions: What are the best technology, gadget, app, industry, sites to follow? What is the best technology blog? Why? What are the best technology analyst blogs? What are the best blogs that cover emerging technologies? Create definition list for the following: Internet Explorer (IE): is a World Wide Web browser that comes bundled with the Microsoft Windows operating system (OS). The browser was deprecated in Windows 10 in favor of Microsoft's new…arrow_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
- Course HTMLarrow_forwardDifferent method for finding HTML element O All of these Both A and C document.getElementsByClassName(name) document.getElementById(id) document.getElementsByTag(tag)arrow_forwardWhen web pages are uploaded, a "MIME" header is included to help identify them from email messages. What's the purpose of this?arrow_forward
- Use html to create a page with a form that takes my name, email, phone number, and credit card number. Use a regular expression to validate the email, phone number, and credit card.arrow_forwardPls help me thank youarrow_forwardPrint and write code for sure if incorrect downvote sure I am creating a html web page and I need help with the welcome page where the various tabs have can be filled out when clicked these are just examples of the tabs in the home page tab 1: Fish - what is a fish what is the color of the fish how big is the fishTab 2: dogs- what us a dog what is the color of the dog how big is the dog.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