Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
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.
- 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>”.
- 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>”.
- 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
Can we obtain a more in-depth explanation of the HTML post and get methods somewhere? If that's the case, why not?
do the follwing to the code :
1) Document class.2) Provide a tester class and test a scenario in which you create a comboLock having the code (25, 36, 19), unlockit successfully, and print the status of the lock after each turn.3) Put the ComboLock class and the tester class in two distinct packages
code :
public class ComboLock { private final int key1; private final int key2; private final int key3; private int status; private int current; public ComboLock(int s1, int s2, int s3) { key1 = s1; key2 = s2; key3 = s3; current = 0; status = 0; } public void reset() { status = 0; current = 0; System.out.println("Lock is reset. "); } public void turnLeft(int ticks) { current = current - ticks; if (current < 0) { current = 39-current; } System.out.println("Left ticks = [" + ticks + "] and current = " + current); if (status == 1…
Sorry, this is the full picture(with option 3 and 4)
Is the correct answer still be 2?
Chapter 14 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
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
- Explain the two different classes from the Android API that allow us to output messages. Give an example for each message by adding your name and student ID.arrow_forward. What will be the value of EAX and the Sign flag after the following lines execute?mov eax,5sub eax,6arrow_forwardBy using NetBeans IDE,write the servlet program with html form to add the two numbers. (use get method) with photos of output and program (screenshots).arrow_forward
- How can you predict the next command to be typed by the user? Or the next page to be downloaded over the Web? When would such a prediction be useful? When would it be annoying?arrow_forwardchange below code to the example photo page. the output looks like receipt @extends('base') @section('main') <div class="py-12"> <div class="max-w-7xl mx-auto sm:px-6 lg:px-8"> <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg"> <div class="row"> <div class="col-sm-12"> @if(session()->get('success')) <div class="alert alert-success text-center"> {{ session()->get('success') }} </div> @endif </div> <div class="col-sm-12"> <br /> <h3 class="display-5 text-center">Room List</h3> <table class="table table-striped"> <thead>…arrow_forwardIn javaScript, how to verify that text and password boxes are not empty?arrow_forward
- By using NetBeans IDE,write the servlet program with html form to find out the average marks of the student. Take 5 subject marks and calculate the average with photos of output and program( screenshots).arrow_forwardCAN YOU MAKE IT CLEAR, I CAN UNDERSTAND THE ONE YOU POSTED BECAUSE OF ITS FORMATarrow_forwardPLEASE HELP. Our project proposal is a vehicle number plate detection that can detect both the numbers and letters as well as their text color. So if the scanned letters and numbers are "CBD564" and the text color is red then the output should beCBD564Government Vehicle If it's blue then the output should beCBD564Diplomat VehicleIf it's Black then the output should be CBD564 Private Vehiclearrow_forward
- Transcribed Image Text Please Help him to solve the problem and show him a way what he can do Implement the functionality on Account Object and Count the total Related Opportunity?arrow_forwarda) Commands that end with the letter ’S’ (e.g. ADDS) have a certain property. What does this suffix do? b) What restrictions or effects are there if the o.g. Suffix is omitted? Give a precise reason for the answer!arrow_forwardSo on the iphone, what does notification grouping look like? What does show privews look like? What do repeat alerts mean? What does this all look like if I have my display set as a list? please explain in laymans terms and as neatly as possible...........arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage