New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN: 9781305503922
Author: Patrick M. Carey
Publisher: Cengage Learning
expand_more
expand_more
format_list_bulleted
Question
Chapter 7, Problem 5CP2
Program Plan Intro
To insert a form element with the ID payment for the payment form.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Create a website registration form to obtain a user’s first name, last name and e-mail address. In addition, include an optional survey ques- tion that asks the user’s year in college (e.g., Freshman). Place the optional survey question in a details element that the user can expand to see the question.
Finally, within the form, add a div element containing a submit button displaying the text Begin Building your Order. (Hint: To code a submit button, use the input element and set its type attribute to "submit". You can also add a value attribute and set its value to the text you want to show on the button. Example: <input type="submit" value="This is text shown on the button">)
Create an interactive sign-up sheet.● Make the sign-up sheet interactive for the user.● Add a selection element to ask the user for their gender. Add the options “Male,” “Female,” and “Prefer not to mention.”● Use onblur and onfocus to add red borders to the input elements when the user leaves without any input, and a green border if a value is typed and the user is done with the input element.● Upon submission of the form, print all the information that the user has provided on a div or p tag at the bottom of the page.● Use fieldset and legend tag to separate the input part from the output part of the form.● Include a reset button to clear users input and also the information displayed at the bottom of the page.● Feel free also to design your own version and add other features.
Chapter 7 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 7.1 - Prob. 1QCCh. 7 - Prob. 1RACh. 7 - Prob. 2RACh. 7 - Prob. 3RACh. 7 - Prob. 4RACh. 7 - Prob. 5RACh. 7 - Prob. 7RACh. 7 - Prob. 9RACh. 7 - Prob. 11RACh. 7 - Prob. 16RA
Ch. 7 - Prob. 17RACh. 7 - Prob. 20RACh. 7 - Prob. 1CP1Ch. 7 - Prob. 2CP1Ch. 7 - Prob. 3CP1Ch. 7 - Prob. 4CP1Ch. 7 - Prob. 5CP1Ch. 7 - Prob. 6CP1Ch. 7 - Prob. 7CP1Ch. 7 - Prob. 8CP1Ch. 7 - Prob. 9CP1Ch. 7 - Prob. 10CP1Ch. 7 - Prob. 11CP1Ch. 7 - Prob. 1CP2Ch. 7 - Prob. 2CP2Ch. 7 - Prob. 3CP2Ch. 7 - Prob. 4CP2Ch. 7 - Prob. 5CP2Ch. 7 - Prob. 6CP2Ch. 7 - Prob. 7CP2Ch. 7 - Prob. 8CP2Ch. 7 - Prob. 9CP2Ch. 7 - Prob. 10CP2Ch. 7 - Prob. 11CP2Ch. 7 - Prob. 12CP2Ch. 7 - Prob. 13CP2Ch. 7 - Prob. 14CP2Ch. 7 - Prob. 15CP2Ch. 7 - Prob. 16CP2Ch. 7 - Prob. 17CP2Ch. 7 - Prob. 18CP2Ch. 7 - Prob. 20CP2Ch. 7 - Prob. 21CP2Ch. 7 - Prob. 22CP2Ch. 7 - Prob. 23CP2Ch. 7 - Prob. 1CP3Ch. 7 - Prob. 2CP3Ch. 7 - Prob. 3CP3Ch. 7 - Prob. 4CP3Ch. 7 - Prob. 5CP3Ch. 7 - Prob. 6CP3Ch. 7 - Prob. 7CP3Ch. 7 - Prob. 8CP3Ch. 7 - Prob. 9CP3Ch. 7 - Prob. 10CP3Ch. 7 - Prob. 11CP3Ch. 7 - Prob. 12CP3Ch. 7 - Prob. 13CP3Ch. 7 - Prob. 14CP3Ch. 7 - Prob. 15CP3Ch. 7 - Prob. 16CP3Ch. 7 - Prob. 17CP3Ch. 7 - Prob. 19CP3Ch. 7 - Prob. 20CP3Ch. 7 - Prob. 21CP3Ch. 7 - Prob. 22CP3Ch. 7 - Prob. 23CP3Ch. 7 - Prob. 1CP4Ch. 7 - Prob. 2CP4Ch. 7 - Prob. 3CP4Ch. 7 - Prob. 4CP4Ch. 7 - Prob. 5CP4Ch. 7 - Prob. 6CP4
Knowledge Booster
Similar questions
- ***Please show steps on how to create the "userform" box" Create a userform with two sets of option boxes. Each set should be within a frame (Select frame element from the toolbox). The first frame should have 4 option buttons Basketball, Baseball, Football, and Soccer. The second frames should have two option buttons "watch on TV" and "go to games". The userform should have Submit and Cancel Button. Write a sub to show the userform When a user selects one option each from frame 1 and frame 2, you should have appropriate displays such as "Your favorite sports is Soccer and you usually watch on TV" if you selected Soccer and Watch on TV options, after you hit the Submit button. The userform should be hidden after submit button is clicked If the user clicks Cancel, you should display "You don't want to play this game" and hides the userformarrow_forwardCLL question Next within the form, create a field set with the ID deliveryInfo. Within this field set, add the following: A legend containing the text Delivery Options. A text area box with the ID addressBox and field name of delAddress containing the placeholder text Enter delivery address. A label containing the text Delivery time (leave blank for earliest delivery) associated with the delBox control. Add an input element with the ID delBox and field name delTime for storing delivery time values. Use a data type of “time” for the control.arrow_forwardCreate a “Signup” Form with fields (ID, first_name, last_name, age, gender, email, password and retype password). Validate the entire field (using HTML5and use JavaScript for comparison of password and retype password).arrow_forward
- Q2: Create table as below and shading the first row. Insert an Octagon and write your name in the center Day/ Sunday Monday Tuesday Wednesday | Computer | Science Friday Period I Period II Period IVv | Period V |Science Computer | Math Math English |Computer | English Computer | Science English Computer | Math Science English Math Math Science English > Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period III column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" > Table font "Times new roman" and 13 sizearrow_forwardAlso insert a script element that opens the formsubmit.js JavaScript file for handling the form submissions. Within the body of the web page insert a form element with the value of the action attribute set to login-script.php and the method value set to post. Within the web form create a field set with the id login. Within the field set insert a legend with the text Enter Account Information. Within the field set insert a label containing the text Account Type. After the label add a selection list with the id acctype and the field name accounttype. Set the value of the size attribute of the selection list to 3 and add the following three options: administrator, member, and guest. Set the value of the three options to type1, type2, and type3 respectively. Link the label to the selection list using the for attribute with a value of acctype. Add a label to the field set containing the text Username followed by a text input box with the id username and…arrow_forwardQ1: Explain the form attributes.arrow_forward
- Return to the links.js file in your editor and create an event listener for the load event that runs an anonymous function. Within the anonymous function, create the allSelect variable referencing all select elements nested within the govLinks form. Loop through the allSelect object collection and for each selection list in the collection create an anonymous function for the onchange event. Within this anonymous function, use the href property of the location object to change the page shown in the browser window to the value of the target of the event object that initiated the onchange event. Document your commands with JavaScript comments.arrow_forwardBelow the main element, add a comment with the text Footer. Below the comment, add a footer element that includes a class attribute with a value to make a fluid jumbotron, center align text, and padding of 5. Nest the following div element within the footer element: <div class="container text-white"> <p>© Copyright 2021. All Rights Reserved.</p> <p><a href="mailto:contact@wildrescues.net" class="text-white">contact@wildrescues.net</a></p> <a href="https://www.facebook.com" target="_blank"><img src="images/facebook-logo.png" alt="white Facebook logo" class="pr-4"></a> <a href="https://twitter.com" target="_blank"><img src="images/twitter-logo.png" alt="white Twitter logo"></a> </div> Need to Add the footer element with the required class selectors. The index.html is: <footer> <!-- Footer --> <footer…arrow_forwardAdd the table body section and within the table body, create the layout of the crossword puzzle subject to the following conditions: The table will contain 9 rows and 8 columns. Within each row will be a number of table data cells. If the cell is a blank cell shown in Figure 6–49, assign it the class name blank. If a blank cell covers multiple rows and/or columns, make that cell a spanning cell and adjust the number of cells in subsequent rows and columns accordingly to preserve the table layout. Several cells contain numbers that will be used as crossword puzzle clues. Number the appropriate cells from 1 up to 26 to match the layout in Figure 6–49.arrow_forward
- Next, set the display of the section element with class ID of tips as a flexbox. Have the content of the flexbox flow in the row direction with row wrapping enabled.arrow_forwardDelivery Info Next within the form, create a field set with the ID deliveryInfo. Within this field set, add the following: A legend containing the text Delivery Options. A text area box with the ID addressBox and field name of delAddress containing the placeholder text Enter delivery address. A label containing the text Delivery Time (leave blank for earliest delivery) associated with the delBox control. Add an input element with the ID delBox and field name delTime for storing delivery time values. Use a data type of “time” for the control. Pickup Info Next within the web form, create a field set with the ID pickupInfo containing the following information for pickup orders: A legend containing the text Pickup Options. A label containing the text Pickup Time (leave blank for earliest pickup) associated with pickupBox control. Add an input element with the ID pickupBox and field name pickupTime for storing time values. Add the disabled attribute to the tag to disable this control…arrow_forwardWrite the JS/JQuery code to accompany the following HTML code, so that when theDelete button is clicked, any button whose text value is divisible by the numberwritten in the text field is removed from the page. You may assume that a validnumber has been typed in the text field. These screenshots show the initial page andits new appearance after typing 2 into the text field and pressing Deletearrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage