Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 3, Problem 3AYK
Explanation of Solution
Given Code:
The o...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Javascript
<!DOCTYPE html><html lang="en">
below is box-styles.css <style> @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');
body { font-size: 62.5%; margin: 0;}
h1 {font-size:4em;text-align: center;font-family: 'Rubik Mono One', sans-serif;}
h3 {font-size: 2em;}
p {font-size: 1.5em;}
h3, p { margin:0;
}
.title-padding { padding: 5% 10%;
}
.body-padding { padding-left: inherit; padding-right: inherit; padding-top: 7%;
}
.light-shadow { box-shadow: transparent;
}
.max-width { max-width: 50em;}
/* .full-width {
} */
.center-element { margin-top:8em; margin-left:inherit; margin-right: inherit; text-align: center;
}
.round-borders { border:1px solid black; border-radius: 0.25em; font-size: 2em;
}
.bb { box-sizing: content-box; width:100%; padding: inherit; margin: inherit;
}
.cb { box-sizing: content-box;
} </style>above is the box-styles.css
<head> <meta…
Part 4:
Build a html form with the following elements. The form must be within a table structure.
Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *).
Number is allowed. The text box must not be empty.
• Module code: a text box where the content must start with 3 lower case alphabets and
follows by 4 digits. This textbox can be empty.
• Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October
2020 Monday 3:35 PM). The content is the current date or today's date which will change
every day.
• Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The
text area cannot be empty.
• Find: a text box for the user to key in text he/she wants to find.
Replace: a text box for the user to key in the replacement text. If the find text is empty, this
element should be disable (i.e. user cannot key in anything here).
• Find and Replace: This is a button, when click, it will go to the "Message"…
Chapter 3 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 3.4 - Prob. 1CPCh. 3.4 - Prob. 2CPCh. 3.4 - Prob. 3CPCh. 3.8 - Prob. 1CPCh. 3.8 - Prob. 2CPCh. 3.8 - Prob. 3CPCh. 3 - Prob. 1MCCh. 3 - Prob. 2MCCh. 3 - Prob. 3MCCh. 3 - Prob. 4MC
Ch. 3 - Prob. 5MCCh. 3 - Prob. 6MCCh. 3 - Prob. 7MCCh. 3 - Prob. 8MCCh. 3 - Prob. 9MCCh. 3 - Prob. 10MCCh. 3 - Prob. 11MCCh. 3 - Prob. 12FIBCh. 3 - Prob. 13FIBCh. 3 - Prob. 14FIBCh. 3 - Prob. 15FIBCh. 3 - Prob. 1AYKCh. 3 - Prob. 2AYKCh. 3 - Prob. 3AYKCh. 3 - Prob. 1HOECh. 3 - Prob. 2HOECh. 3 - Prob. 3HOECh. 3 - Prob. 4HOECh. 3 - Prob. 5HOECh. 3 - Prob. 6HOECh. 3 - Prob. 7HOECh. 3 - Prob. 8HOECh. 3 - Prob. 9HOECh. 3 - Prob. 1WRCh. 3 - Prob. 2WRCh. 3 - Prob. 1FWD
Knowledge Booster
Similar questions
- Computer Science Write a webpage that creates a game of dice using only HTML and JavaScript. The code should make use of the HTML <canvas> element. The webpage should inform the user of the rules of the game.arrow_forwardsys.stderr = sys.stdouts form = cgi.FieldStorage() print('Content-type: text/html\n') if debugmode: cgi.print_form(form). Results: AttributeError: module 'sys' has no attribute 'stdouts' what is incorrectarrow_forwardlanguage: HTML Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away 2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown: "payment amount is less than cart total" otherwise: "payment complete"arrow_forward
- Write an HTML program to create an EXTERNAL Style sheetusing <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.arrow_forwardMake a table in HTML format that works with your school's timetable. The column headers should indicate the time of day for each class, and the row headers should indicate the day of the week. The table numbers need to be labelled with the course name and instructor's name. Since it will be at the table's top, a fitting caption is required.arrow_forward<!DOCTYPE html><html lang="en"><head> <title>JavaScript Practice</title> <meta charset="utf-8"><style>input { display: block; margin-bottom: 1em; }label { float: left; width: 5em; padding-right: 1em; text-align: right; }input[type="submit"] { margin-left: 7em; } </style><script>function validateForm() {if (document.forms[0].userName.value == "" ) { alert("Name field cannot be empty."); return false;} // end ifif (document.forms[0].userAge.value < 18) { alert("Age is less than 18. You are not an adult."); return false;} // end ifalert("Name and Age are valid.");return true;} // end function validateForm</script></head><body><h1>JavaScript Form Handling</h1><form method="post" action="https://webdevbasics.net/scripts/demo.php" onsubmit="return validateForm();"><label for="userName">Name:</label><input type="text"…arrow_forward
- what I have so far <!DOCTYPE html><html><head><meta charset=”utf-8”><title>Lab1</title> <style>body { background-color: #556271; margin: 0 10%; font-family: sans-serif; color: white;} h1 {color: #FE6A67;text-align: center; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #D4DCCD; margin-top: 30px;}h2 {font-size: 1em;}</style> </head> <body> <h1><img><br><img src="21.png"><p>Amet Justo Donec</p></h1> <p>Cursus EgetPurus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/><h2>Cursus Eget</h2><p>Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/><h2>Diam</h2><p>Urna condimentum mattis pellentesque id nibh tortor. Id aliquet…arrow_forwardJavaScript MultiplicationTable 1- write function that first row and first colum be yellow <!DOCTYPE html> <html> <head> </head> <body> <h1> MultiplicationTable</h1> <label>Rows</label> <input type="rows" id="rows" /> <label>Cols</label> <input type="cols" id="cols" /> <input type="button" value="Create" onclick="multiplicationTable()" /> <br><br><br> <script type="text/javascript"> function multiplicationTable() { var rows=document.getElementById("rows").value; var cols=document.getElementById("cols").value; if(rows == "" || rows == null) rows = 10; if(cols== "" || cols== null) cols = 10; createTable(rows, cols); }…arrow_forwardWhen a CSS stylesheet is used and class="btn-group" is found in HTML, what CSS selector would style that HTML? A) btn-group B) #btn-group C) .btn-group D) :btn-grouparrow_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 LearningCOMPREHENSIVE 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
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L