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 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
A developer is the person who creates a web page that prompts a user to provide their personal information. Which method should be applied so that the data may be sent in the appropriate manner? A. Get It, B. Put It Out, C. Finish It, D. Do Something About It
Create a Tic Tac Toe in Visual Studio Code and integrate the JavaScript file to the HTML. Make sure to run it on your local web server (localhost:10001)
Write a JavaScript File that will do the following on Microsoft dynamics form.
1. Change a label on one of the fields.
2. Make some fields mandatory.
3. Do some error checking on one of your fields.
4. Set & clear a notification on your form depending on whether there is a validation violation.
5. Add HTML Web Resources to your form.
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
- 6) How do you get the current URL in JavaScript?A) window.location.aB) window.location.currentURLC) window.location.search D) window.location.hrefarrow_forwardThe following HTML is loaded into the browser: a) When the user clicks on the blue region around the button, what will happen?b) When the user clicks “Click me!”, what will happen?arrow_forwardDo a search in Google (or your favorite search engine) and find at least 5 other vendors that support IKEv2. (this took me 30 seconds, but it wasn't the first link so keep digging if you don't find it right away.arrow_forward
- Use Html CSS) along with same.arrow_forwardCreate a simple webpage that load a text file content to a webpage using AJAX Call.arrow_forwardI'm taking the Web Site Development class, and I have Visual Studio Code as the text editor. I'm starting to study HTML, and I'm just beginning to learn. I have done two cases, and the professor tells me that I have to resubmit the homework with a link to the page, which is stored on your 000webhost site. I don't understand how to do it; he wants the URL. Any help is appreciated, and thanks in advance. This homework is for Computer Science.arrow_forward
- What is a disadvantage of using the classic submit button, as opposed to Javascript, for submitting an HTML form?: * A) Most browsers have already been fully tested against submitting HTML forms. B) The classic submit button will not work if Javascript is disabled. C) You cannot submit the data to multiple action pages with multiple targets. D) The GET method has no limit for classic submit.arrow_forwardHow to get the url of current page in javascript. Make a text and on clicking that we get url on alertarrow_forwardUse html and css to develop a registration form with the following fields: Name,phone number, email and gender. Use an external Javascript code to validate if one or all the fields are empty.arrow_forward
- Create a webpage that works similar to a Calculator, with the following tasks and the appropriate points: -Create a webpage that uses JavaScript, similar to a CALCULATOR, either within the HTML page itself or a pop-up window. -Ask user for the mathematical operation to be performed. You may create your own functions and appropriate conditional statement to facilitate program flow. -Ask user for two (2) numbers. -Show result to the user and terminate the program.arrow_forward---Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form> CSS: form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }ggarrow_forwardQ2: Write a script in html to create a form for registration of a student (Name, Id, Password, Mobile, Email, city as dropdown, hobbies as check box, choose color as radio button and submit button).arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education