Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801346
Author: FELKE-MORRIS
Publisher: PEARSON
Question
Book Icon
Chapter 14, Problem 6HOE
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.
    • 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”.
    • Close the script tag using “</script>”.
    • Close the head tag using “</head>”.
    • Open the heading tag with appropriate heading using “<h1>” tag and close it.
    • Open the form tag with “post” method, when the “onsubmit” event handler clicks by the user the “validateForm()” function called to validate the inputs.
    • Create the additional label and input type for “City” input.
    • Close the form tag using “</form>”.
    • Close the body tag using “</body>”.
  • Close the file using “</html>” tag.

Blurred answer
Students have asked these similar questions
2:21 m Ο 21% AlmaNet WE ARE HIRING Experienced Freshers Salesforce Platform Developer APPLY NOW SEND YOUR CV: Email: hr.almanet@gmail.com Contact: +91 6264643660 Visit: www.almanet.in Locations: India, USA, UK, Vietnam (Remote & Hybrid Options Available)
Provide a detailed explanation of the architecture on the diagram
hello please explain the architecture in the diagram below. thanks you
Knowledge Booster
Background pattern image
Similar questions
SEE MORE QUESTIONS
Recommended textbooks for you
Text book image
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
Text book image
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
Text book image
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Text book image
Programming Logic & Design Comprehensive
Computer Science
ISBN:9781337669405
Author:FARRELL
Publisher:Cengage
Text book image
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT
Text book image
CMPTR
Computer Science
ISBN:9781337681872
Author:PINARD
Publisher:Cengage