EBK NEW PERSPECTIVES ON HTML5, CSS3, AN
6th Edition
ISBN: 9781337516358
Author: Carey
Publisher: CENGAGE LEARNING - CONSIGNMENT
expand_more
expand_more
format_list_bulleted
Question
Chapter 7, Problem 4CP3
a)
Program Plan Intro
To insert a text area box with the ID sampleBox, field name sampleText and add a placeholder with the given text after the h1 heading element in the wm_demo.html file under the form element.
b)
Program Plan Intro
To add the autofocus attribute, for the above declared textarea element.
c)
Program Plan Intro
To set the tabindex attribute, for the above declared textarea control element to 1.
d)
Program Plan Intro
To set the wrap attribute, for the above declared textarea control element to hard.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Step 20: Mobile Styles
When the user views the page on a mobile device, we don't want the label elements to appear to the left of the input elements because that takes up too much horizontal space. We need to adjust our layout to be more vertical.
Create a media query for screens with a maximum width of 767 pixels. Inside the media query, add a rule for any label elements inside the form element with the id registration that removes the float, sets the width to 100%, and aligns the text to the left.
Add a rule inside the media query for any input element inside the form element with the id registration that removes the float and sets the width to 100%.
Because we set specific widths for the input elements that appear on a single row, we need to override those settings in the mobile view. Add a rule inside the media query for the input elements with the ids city, state, and zip inside the form element with the id registration that sets the maximum width to 100%.
Add a rule…
Event Listeners
Go to the co_cart.js file in your editor. Directly below the initial comment section, add an event listener for the window load event that does the following when the page is loaded:
Runs the calcCart() function.
Add an event handler to the modelQty field in the cart form that runs the calcCart() function when the field value is changed.
A for loop that loops through every option in the group of shipping option buttons, adding an event handler to run the calcCart() function when each option button is clicked.
JavaScript Functions
Create the calcCart() function to calculate the cost of the customer’s order using field values in the cart form. Within the calcCart() function do the following:
Create a variable named orderCost that is equal to the cost of the espresso machine stored in the modelCost field multiplied by the quantity of machines ordered as stored in the modelQty field. Display the value of the orderCost variable in the orderCost field, formatted as U.S.…
1) Create a histogram of the TOUCH_TIME variable. Set the number of bins to 25, remove the density curve (HINT:
Use the "kde" argument), and change the color.
2) Create a boxplot of the SHOT CLOCK variable. Change the color, add a title, and adjust the x-axis label to say "Shot
Clock".
3) Create a bar plot of the SHOT RESULT variable. Add a title, set the x-axis label to "Shot Result" and the y-axis label
to "Count", and change the font size of the title to 18.
Chapter 7 Solutions
EBK NEW PERSPECTIVES ON HTML5, CSS3, AN
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
- Task Instructions Add the Category field to the Rows area of the PivotTable Fields pane. 4:44 PM 3/25/2020arrow_forwardAdd 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 "myPage" section, select the sixth button and assign a "click" listener. When clicked, it should change the text content of the sixth paragraph in the "myPage" section to: "Event Bubbling. Stopping propagation." Your event listener should be set to Event Bubbling. You should stop the event propagation. Note: The remaining buttons and paragraphs do not have id attributes. You will need to construct selectors to meet these challenges.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 LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
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
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L