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.9, Problem 3CP
Program Plan Intro
“<form>” tag:
This tag is to create the form with necessary fields like textfields, checkboxes, etc.… The two methods of the form tag are “get” and “post”. The “get” method is to specify the list of data in URL when the form is submitted on the browser. The data is not appended to the URL in “post” method.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
<form action="https://example.com/signup/"><input type="submit" value="Sign up Today!"></form>
Add the HTML to the form above so that it includes inputs for the visitor to enter the following details:
their email address
input should automatically validate the entered data when the form is submitted;
input is required;
must be linked to an input label;
input includes placeholder text;
input includes the name attribute for submitting the input's data to the server;
their password
the characters in this input should automatically be masked;
input is required;
must be linked to an input label;
input includes the name attribute for submitting the input's data to the server.
Write a CSS rule that:
makes all the labels and the inputs display as block elements, not inline elements.
Write the CSS rules needed so that:
the button's background colour changes when the mouse hovers over it.
the change of state happens over a duration of time of 200ms.
language: HTML
Create a responsive webpage for food items. there are three requirements
1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away
2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice.
3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown:
"payment amount is less than cart total"
otherwise:
"payment complete"
A form is created with HTML tags, not JavaScript code, in the <body> section of the HTML file with the <form> tag.
True
False
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
- Dream Car Web Page Form: You need to create a web site in HTML format. You will create a webpage containing a form that provides users the ability to enter information. Your webpage should contain the following:INPUT tag: type, name, id, placeholder, and value. The web page will have input fields for the following information: First Name Last Name Date Address Favorite Car (text area) Your webpage should be designed in a logical manner and be well organized. Please be sure to submit your .html file as a text document for grading. Also, submit a Word document containing a screenshot that shows the set-up of your webpage.arrow_forwardText line breaks and returns are controlled using which tags?. <b></b> <p></p> <ol></ol> <a></a>arrow_forwardA Radio Button is a way to restrict users to having only one choice. Examples are: Male/Female, Yes/No, or answers to surveys and quizzes Write a script using HTML form elements and PHP codes that will return the value a Radio Button that has a value of "Male" and a second Radio Button has a value of “Female”. A code should be added to detect if the user clicked the Submit buttonarrow_forward
- 1. Create a User Registration Form using the PHP form method. The form should ask the following details from the user: · Name · Username · Password ·Confirm Password 2. Form should have a submit/register and reset button. 3. The program should also display a message that "Registration has been completed".arrow_forwardHands-On Project 1-5Learning to locate and fix errors is an important skill for anyone programming in JavaScript. You have been given a web page containing several errors that need to be fixed. When fixed, the page will display the content shown in Figure 1-27. Do the following:1. Use your code editor to open project01-05_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-05.html.2. In the head section of the document there is a script that declares and initializes the reopenDate variable. There are two errors in this code. Fix both errors.3. Scroll down to the script embedded within the article element. The code contains a total of four errors. Locate and fix the errors.4. Save your changes to the file and then open the file in your web browser. Verify that the page resembles that shown in Figure 1-27. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta…arrow_forwardHTML and JSP You will create a simple Job application app. The user enters their first name, last name, phone number, email, and their skills. When the user clicks submit, your app should check that the fields are not empty. If a field is empty, it will indicates in red that the field is required. If all fields contains data, then when the user clicks submit, it will present the same information for the user to review. In the review page, if user thinks the information is incorrect, they can click "back" to go back to application form. Otherwise, the user can submit the application by clicking on "submit." After the application has been submitted, a thank you page including the applicant's is displayed.arrow_forward
- HTML PROJECTarrow_forward<!DOCTYPE html><html lang="en"><head> </head><form action="form_action.asp" method="get">number: <input type="number" name="fname" /> <input type="submit" value="Submit" /><input type="text" οnkeyup="this.value=this.value.replace(/[^a-z]/g,'')"> <input type="submit" value="Submit" />upletter: <input type="text" style="text-transform:uppercase" name="lname" /><input type="submit" value="Submit" /></form> </body></html> for this code ,how could i change it in the first input button ,can only enter 5 numbers in the 2nd ,can only enter 7 loewrcase letters in the third ,can only enter 8 upper case letters . others cant be enter in the input buttonarrow_forwardusing date object how can i add this to my jscode. Please the coding should not be in html script but should be in my jscode. the html code below is for reference only to validate form. Expiry Date (Month) Required field Expiry Date Valid expiry date to ensure the card being used has not expired NOTE: regarding the expiry date, you MUST use the date object to ensure that your date check is dynamic. <label for="month">Expiry Date</label> <select id="month" name="month"> <option>- Month -</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option…arrow_forward
- Htmlarrow_forwardThe contact form page must contain a form that contains the following fields: • Name • Email • The message that the user wants to send When the form is submitted, all fields must be checked to make sure they have been filled out. If the form validation is not successful, a bold red error message should be displayed to the user on the page by manipulating the DOM. If the form validation is successful, a bold green success message should be displayed to the user on the page by manipulating the DOM. The message should say: "Dear Name, Thank you for your inquiry. One of our team members will be in touch with you shortly" In the above message Name should be replaced by the user's name from the form.arrow_forwardJava script event listener help // 3) In the "myPage" section, select the third// button and assign a "click" listener. When// clicked, it should change the text content// of the third paragraph in the "myPage" section// to "Third button clicked."/////////// HINT: You should look at the HTML carefully to// make your selectors. // 4) In the "myPage" section, select the fourth// button and assign a "click" listener. When// clicked, it should add a class named// "fourthPara" to the fourth paragraph// in the "myPage" section. HERE IS THE INDEX HTML <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Practice Assignment 11</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/8.1.1/mocha.css" integrity="sha512-Ytt2foRGKdIInPXwyS3gxRvfTv4n2wi7uB7neCLH1LjExT+PKBeQu6LNVB4QpHaJqx7m2btagBs4kqxYC1QNFg==" crossorigin="anonymous" />…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 LNew Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning