Based on the following specifications, construct the HTML code to generate the form design as shown in Figure 2. Specification: • Set the form id and name attribute as “cakeOrder" and the method attribute as "post". • The "Cake Type" field is a selection list which consists of 3 options: Black Forest, Lemon Cheese and Chocolate Mousse. • Set the width of the “Quantity" input box to 3 characters. • When the user clicks on the “Add To Cart" button, the user will be automatically directed to the confirmation.html web page. The “Add To Cart" button is a submit button. -Cake Order Form- Cake Type: Black Forest Size: O 1kg O 2kg Quantity: Add To Cart Figure 2: Form

Based on the following specifications, construct the HTML code to generate the form design as shown in Figure 2. Specification: • Set the form id and name attribute as “cakeOrder" and the method attribute as "post". • The "Cake Type" field is a selection list which consists of 3 options: Black Forest, Lemon Cheese and Chocolate Mousse. • Set the width of the “Quantity" input box to 3 characters. • When the user clicks on the “Add To Cart" button, the user will be automatically directed to the confirmation.html web page. The “Add To Cart" button is a submit button. -Cake Order Form- Cake Type: Black Forest Size: O 1kg O 2kg Quantity: Add To Cart Figure 2: Form

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter7: Designing A Web Form: Creating A Survey Form

Section: Chapter Questions

Problem 5CP4

See similar textbooks

Similar questions

Design HTML Form.javascraptApply the data validation as follows:1. Mobile number field data must be a numeric data and not less than 8 digits,2. The email field must accept the data which must contain the character '@' and dot (.). Andthe character @ must not be the first character and the last dot must at least be onecharacter after the @.On submitting the form, If all these validations are followed, another HTML page (value of theaction attribute of the above HTML page) must be displayed your data is submitted successfully.
While examining a web form and the JavaScript source code for it, you notice that a function that changes the text displayed in one part of the page is being executed every time you type or delete a letter or number in a text entry field labeled “Message,” instead of when you press the Tab key to move to the next form field. You correctly guess that _____. a. the function is being triggered when the form element labeled “Message” loses the focus b. the function must be triggered by a change event because input events do not apply to text entry boxes c. anonchangeevent handler has been applied to the form element labeled “Message” d. an event listener for theinputevent is attached to the form element labeled “Message”
Web development: Create a simple one page HTML newsletter using HTML and CSS for a fictitious club or a real organization if you so wish. This must be a single page project. As a member you are commissioned to build a one page newsletter. The basic structure should follow the following specifications: Header and footer. A three column main content layout. The columns should be 20%, 60%, 20%. The maximum width of the newsletter must be 1200px. All styling must be included in a single CSS file. Your newsletter must use HTML5 semantic layout convention. You must provide usage of at least two block level elements, three font style elements, and two list elements, at least two images in the document
1. Form Validation (do not use validation plugin) A.Create the following form using html Register With Our Web Site Email Address Re-enter Email Address First Name: Last Name 2-Character State Code 5-Digit Zip Code Jen our List B. write Javascript code to add the following validations 1. All the text boxes should have required field validator Register With Our Web Site Email Address This teld s requared. Re-enter Email Address paanbar pio First Name peanber s po Last Name. penbor s pre 2-Character State Code paanbar s poy 5-Digit Zip Code Thes bold is required. oin our List Reset
Theme : arithmetic application for primary school students. Write a new HTML form with JavaScript codes that accept the student's name, program, age, gender, and state ( may add other input as well). The HTML page accepts 2 numbers and the user will select one of the buttons to perform the selected function. It will allow user to repeat the task and display all input and result of calculation accordingly. It also allow user to exit the application and allow user to input numbers and select buttons that perform each of the following functions respectively : -Addition, Subtraction, Multiplication, Division, Modulus
Imagine that an xhtml document contains the following hyperlink tag I am Seven. When the link text (Seven) is clicked, the servlet with the URL pattern /process is called. Rewrite the code to instead use a form that submits to the same servlet to produce the exact same response using hidden form elements for any form parameters. The form should contain a submit button with the button text Seven. The form method should be get (case sensitive answer).
Create an HTML form to allow the user to enter student names, one at a time, and displays all the names entered in a text area. Each time, the user types a name into a text box, and then presses the ENTER key to add the name in the text box to an array. The array is then sorted in alphabetical order and text area is updated with the new content in the array. Hints: you may use use keypress event. The event handler can take a parameter event. When the Enter key is pressed, the corresponding event.keyCode would be equal to 13.
Scenario Wilson Zoo would like you to implement and test a web application to be used to order drinks at their smoothie and milkshake shack, The Monkey Bar. Basic Application Your web application must have one HTML file and one JS file (no navigation or style is needed) you may use a single style sheet to show and hide elements as per the specification provide suitable form elements to allow the customer to select a drink, by choosing: size, type, ingredients, base and extras, as shown below display the cost of the current drink, for example: provide a button to add the current drink to an order display the full details and cost of all drinks that have been added to the order, for example: display a running total of the cost of the order, for example: provide a button to place the order which simply outputs a message stating the order has been received and resets the screen The customer can pick the following options for their drink: size: small - £2.45 medium…
Q1: Explain the form attributes.
Create an HTML5 web page about one of your favorite hobbies. Choose a hobby and either take a relevant photo or select a relevant royalty-free photo from the Web (refer to Chapter 4). Decide on a heading for your page. Write one or two brief paragraphs about the hobby. The page must use valid HTML5 syntax and include the following elements: header, article, and footer. Use the figure, figcaption, and img elements to display the photo you have chosen. Include a hyperlink to a website that is relevant to the hobby. Include your name in an e-mail address in the page footer area. Configure the text, color, and layout with embedded CSS. Save the file as myhobby.html.
Your completed assignment should contain all of the following: ■ Your color scheme's name should be set as the table's header. It should have one or more font styles applied to it to differentiate it from other text in the table. ▪ You should list each color name, with each cell having its color set as its background color. ■ Include cells that give each color's hex value. ■ Include cells that give each color's rgb value. ▪ Include cells that give each color's hsl value. ▪ Your HTML table should be logically and properly constructed.
True or False .Each of our header and trailer sentinels contain an actual element.