Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134323534
Author: FELKE-MORRIS
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 9, Problem 5HOE
Program Plan Intro
Program Plan:
- Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Close the header tag using </head>.
- Open the style tag using<style>.
- Include the alignment for form tag.
- Include the alignment for label tag.
- Includes the alignment for legend and fieldset tags.
- It also includes alignment of textarea.
- Also includes alignment of body tag, holder tag, and footer tag.
- Include the alignment for form tag.
- Close the style tag using </style>.
- Open the body of the web page using <body> tag.
- Includes the alignment of the div tag using <div>.
- Music Survey is set as header using <h1> tag.
- Open the form tag using <form> using the post method.
- Includes alignment of label tag using <label>
- It takes the input for name, email, birthdate.
- Create submit and reset buttons.
- Close the form tag using </form>.
- It takes the input for name and email.
- Open fieldset tag using <fieldset>.
- Open legend tag using <legend>.
- Take input in the form of checkbox by using input type= “checkbox”.
- Close the fieldset and legend tags using </fieldset> and </label>.
- Open fieldset tag using <fieldset>.
- Open legend tag using <legend>.
- Take input in the form of radio button by using input type= “radio”.
- Close the fieldset and legend tags using </fieldset> and </label>.
- Create a select list using <select> tag.
- Alignment for text area using <textarea> tag.
- Close the div tag using </div>.
- Open the div tag using <div>
- Include the email link attachment.
- Close the div tag using </div> tag.
- Includes the alignment of the div tag using <div>.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture.
To create and style this form, copy the following HTML and CSS code exactly as follows:
HTML:
<form><label for="myName">Name:</label> <input type="text" name="myName" id="myName"> <label for="myEmail">E-mail:</label> <input type="text" name="myEmail" id="myEmail"› <label for="myComments">Comments:</label> <textarea name="myComments" id="myComments" rows="2" cols="20"></textarea> <input id="mySubmit" type="submit" value="Submit"› </form>
CSS:
form { background-color:#eaeaea; font-family: Arial, sans-serif; padding: lOpx; } label { float: left;width: 100px;clear: left; text-align: right; padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }
HereWrite the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture.
To create and style this form, copy the following HTML and CSS code exactly as follows:
HTML:
<form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form>
CSS:
form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }.
The following JavaScript code displays content inside a page. The content comes froman untrusted place. If the content, which is supposed to be data only, contains JavaScriptcode, can the code be executed? Why?
const iframe = document.createElement("iframe");iframe.srcdoc = content;iframe.sandbox = "";document.body.appendChild(iframe);
Chapter 9 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 9.4 - Prob. 1CPCh. 9.4 - Prob. 2CPCh. 9.4 - Prob. 3CPCh. 9.6 - Prob. 1CPCh. 9.6 - Describe the purpose of the access key attribute...Ch. 9.6 - Prob. 3CPCh. 9.8 - Prob. 1CPCh. 9.8 - Prob. 2CPCh. 9 - Prob. 1MCCh. 9 - Prob. 2MC
Ch. 9 - Prob. 3MCCh. 9 - Prob. 4MCCh. 9 - Prob. 5MCCh. 9 - Prob. 6MCCh. 9 - Prob. 7MCCh. 9 - Prob. 8MCCh. 9 - Prob. 9MCCh. 9 - Prob. 10MCCh. 9 - Prob. 11MCCh. 9 - Prob. 12FIBCh. 9 - Prob. 13FIBCh. 9 - Prob. 14FIBCh. 9 - Prob. 15SACh. 9 - Prob. 1AYKCh. 9 - Prob. 2AYKCh. 9 - Prob. 3AYKCh. 9 - Prob. 1HOECh. 9 - Prob. 2HOECh. 9 - Prob. 3HOECh. 9 - Prob. 4HOECh. 9 - Prob. 5HOECh. 9 - Prob. 1WRCh. 9 - Prob. 2WRCh. 9 - Prob. 3WRCh. 9 - Prob. 1FWD
Knowledge Booster
Similar questions
- Design a webpage in HTML using CSS and JavaScript to show the monthly payment and the total payment of a loan. create two Buttons to compute the monthly loan payment and total payment given the loan amount of $367000, yearly_interest_rate= 5.25% and a number of years=30. Create two separate functions in JavaScript. function monthlyPayment() function totalPayments()arrow_forward---Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form> CSS: form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }ggarrow_forwardUsing HTML, create a webpage that contains a form with the following fields: A text box to enter name (mandatory) b. A text box to enter CGPA C. A submit button Write a PHP script that performs the following on clicking the submit button: a. Using regular expression check if the CGPA entered is a number less than or equal to 10. If no, display error message b. Check if the mandatory fields are filled in. If yes, display the message "Welcome <name>". If no, display error messagearrow_forward
- HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following html dynamic application What is the output when the button is clicked ?( describe the visual effect when the button is clicked) Modify the output from the original web page, so that the html will create and place a new red div as illustrated inside the existing grey div and then transfers the paragraph inner content at run-time ( inside the javascript function ) from the paragraph inside the grey div into the red div as illustrated. DO NOT DO this by placing the paragraph content inside the div within the static HTML page, use the document object model to access elements from the paragraph and transfer content into the div element as illustrated <! DOCTYPE html> <html> <head> <title> First Illustration</title> <link rel="stylesheet" type="text/css" href="first_ill_RRR.css"> <script src="project_6p.js"…arrow_forwardWrite a complete code for an HTML page containing a JavaScript program that displays an alert dialog box with your first name and last name on this alert box.arrow_forwardWhile 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”arrow_forward
- Write an HTML program to create an EXTERNAL Style sheet using <style> element and format it with the following properties : a) Body- font-size ,font-family ,background-color ,color b) H1- color: red; border-width:1; border:solid; text-align:center Display your name using <H1 > element. Write some information about your Favourite TEACHER using <body> element.arrow_forwardJavaScript Do the following using JavaScript: 1. Once the page is loaded an alert message will be displayed Example: “Yehey! Last Hurray!” 2. Display your name in any HTML element/s you’ve learned to use. Ex: paragraphs, headers 3. Display today’s date in any HTML element/s you’ve learned to use. 4. Input your age (either in prompt/form element) and test it using the following criteria: Example: Input: 41 Output: Millenials Generations Born Current Ages Gen Z 1997 – 2012 10 – 25 Millennials 1981 – 1996 26 – 41 Gen X 1965 – 1980 42 – 57 Boomers II (a/k/a Generation Jones)* 1955 – 1964 58 – 67 Boomers I* 1946 – 1954 68 – 76 Post War 1928 – 1945 77 – 94 WWII 1922 – 1927 95 – 100 1. Display a picture of a younger and present you using onmouseover and onmouseout events 2. Asks for your top 2 favorite colors: either using a radio, checkbox, dropdown menu, prompt, or textbox o set the…arrow_forwardWe need to create an HTML and CSS page with the following requirements. Thank you in advance ! ... has a method attribute with the value of "post" and an action attribute with the value of "/pets" ... has an single-line text input with and id of "name", a name of "pet_name", and with an associated label that reads "Name". ... has a drop-down with an id of "type", a name of "pet_type", an associated label that reads "Type", with only the options "Cat", "Dog", "Hamster", "Other", "Zebra". ... has a multi-line text input with and id of "bio", a name of "pet_bio", and an associated label that reads "Biography" ... has an email input with id of "owner-email", a name of "pet_owner_email", and with an associated label that reads "Owner's Email" ... has a button that reads "Create new pet" with type "submit" and id "new-pet-submit-button" ... has a button reads "Reset" with type "reset" ... is 600px wide when the screen is greater than or equal to 600px wide ... uses grid layout to layout…arrow_forward
- write a html code for designing a survey page showing minimum ten questionnaires in addition to a user profile (last name , first name, email.)Must combine the webpage with different outputs(text, range , slider,radio,button)arrow_forwardCreate an HTML form that has a number of textboxes write a javascript code that verifies all textboxes have been filled. if it is empty. popup at least indicating which textbox is empty.arrow_forward2,3Please help me with this homework! 1. HTML5 a. Configure an alert message to pop up using Javascript when the page is displayed in the browser. Edit the body tag as follows: <body onload="alert ('Today only-10% off on a weekend- coupon code ZenTen');"> . The onload event handler in this case pops up an alert message. b. Add a script block to the head section as follows: <script> function validateForm () { if (document.forms [0]. myEmail. value== "") { (alert (Pleade enter an e-mail address."); return false // end if return true; } end function validateForm </script> Many thanks for your time! Khin. .arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education