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
Concept explainers
Question
Chapter 7, Problem 3CP4
Program Plan Intro
To add a web form element with name cForm, with post method and action URL of the form is http://www.mill_computers.com/orders/process.cgi in the mc_pc.html file.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Also 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…
Open index.html in your browser to view the file.
Add the text, CH 5 Extend Your Knowledge, to the title element.
Open the styles.css file and locate the "sticky” comment and create a style rule for the sticky class selector with the following rules:
Add a declaration for the position property with a value of -webkit-sticky.
Add a declaration for the position property with a value of sticky.
Add a declaration for the top property and specify a 0 value.
Refresh your page, and scroll down to view the changes. In the index.html file, use the empty paragraph element within the sticky div element to briefly explain how to use the sticky position.
In the styles.css file, locate the “relative” comment and create a style rule for the relative class selector with the following declarations:
Add a declaration for the position property with a value of relative.
Add another declaration for the top property and specify a value of 90px.
Add another declaration for the left property…
Add some designs to this webpage by using HTML codes and CSS as internal file. Make it look better as much as you can, WHAT YOU ADD WILL SERVE AS MY BASIS, REF, STUDY MATERIAL.
SOURCE CODE:
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
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- Display the section element as a flexbox. Set the flow of items within the flexbox to go in row order with reverse wrapping so that the first item (Facebook) appears in the bottom-left corner and the last item (E-mail) appears in the top-right corner. Complete this task in conjunction with the following task: "Apply flex layout styles to card class's div elements".arrow_forwardCSS question Add another div element to the web form containing the following code: Insert an input element to create an option button for the orderType field with the ID delivery. Make the option button checked by default. After the option button, insert a label associated with the delivery control containing the text Delivery. Add an input element to create a second option button for the orderType field with the ID pickup, followed by a label associated with the pickup control containing the text Pickup.arrow_forwardGo to the Blockquote Styles section. Amy has included three sample reviews from users of the Save your Fork website. Amy wants the text of these reviews to appear within the image of a speech bubble. For every blockquote element, create a style rule that does the following: a) sets the background image to the sf_speech.png with no repeat and a horizontal and vertical size of 100% to cover the entire block quote (Hint: use property background-size: 100% 100%; ) b) uses the drop-shadow filter to add a drop shadow around the speech bubble with horizontal and vertical offsets of 5 pixels, a blur of 10 pixels and the color rgb(51, 51, 51) (Hint: use property filter: drop-shadow(5px 5px 10px rgb(51, 51, 51));)arrow_forward
- You add a style to the start tag for an element, such as a heading or paragraph, using the style attributearrow_forwardIn the styles.css file, locate the “relative” comment and create a style rule for the relative class selector with the following declarations: Add a declaration for the position property with a value of relative. Add another declaration for the top property and specify a value of 90px. Add another declaration for the left property with a value of 30pxarrow_forwardIn the contact.html file, remove the text, Phone Number:, from the first paragraph element within the main div element. Wrap the phone number within an anchor element that links to the phone number. Add a class attribute with the value tel-link to the parent paragraph element that contains the phone number link. Add a class attribute with the value email-link to the anchor element that links to the email address within the main element.arrow_forward
- Add the following comments to the tablet media query: Tablet Viewport: Show tab-desk class, hide mobile class Tablet Viewport: Style rules for nav area Add the following style rules below the "Show tab-desk class, hide mobile class" comment: Style rule for the tab-desk class selector that sets the display to a block. Style rule for the mobile class selector that sets the display to none.arrow_forwardIn the mobile style rules section, below the style rule for footer a, create a new style rule for images within the social class that sets the display to an inline block and sets the padding to 4%. Not right how I do it. see below:arrow_forwardDesign a basic wesbite layout for a restaurant with a home page, and about page, a menu page, and a contact page (with a form: form doesn't have to be useable!) PLUS a separate CSS file with style features. Use only HTML and CSS, no other formats.arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Np 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