Question: Create two HTML pages, one containing a form and one set up to use the data submitted on the form. Use a CSS file for
Create two HTML pages, one containing a form and one set up to use the data submitted on the form. Use a CSS file for formatting.
On both HTML pages use the correct doctype, ,
, <head>, and <body> tags. Also use div tags defined in the CSS file to create a fixed width page wither header, main, and footer sections.</p> <p>The first HTM page should contain a form allowing the user to place an order and should have the following features:</p> <p>Input fields for:</p> <p>First Name</p> <p>Last Name</p> <p>A 2 line street address</p> <p>City</p> <p>State</p> <p>Zip</p> <p>Phone number</p> <p>Product ordered</p> <p>Quantity</p> <p>Price</p> <p>Use fieldset and legend tags to group the persons information separate from the product ordered information.</p> <p>Use div tags to group corresponding label and input tags.</p> <p>The second HTML page should be used to receive the information from the form. On the second page include:</p> <p>The GetParams function from the readings to convert the data string into separate variables.</p> <p>A thank you to the customer displaying the mailing information that will be used for the order.</p> <p>Display the order that was taken and multiply the price by the quantity to display the total.</p> <p>If the person orders a quantity of greater than 10, give them a 10% discount and display the discounted total.</p> <p>Once the form is working, modify it to include the following features:</p> <p>Use the autofocus attribute with the first name input element.</p> <p>Use the required and placeholder attributes with the first name and last name elements.</p> <p>Add an input element of type email to collect email address.</p> <p>Add an input element of type tel to collect the customers telephone number.</p> <p>Change the element type of quantity to number.</p> <p>Add an input element of type date to collect the requested delivery date.</p> <p>Include the new input elements on the receive page.</p> <p> </p> <p>Zip the three files and submit on moodle.</p> </div>
<div class="question-answer-divider"></div>
<section class="answerHolder" itemscope itemtype="http://schema.org/Answer">
<div class="answerHolderHeader">
<h2>Step by Step Solution</h2>
<div class="answerReviews">
<div class="starIcon">
</div>
</div>
</div>
<div class="questionProperties">
<p>There are 3 Steps involved in it</p>
<div class="cart-flex">
<div class="cart cart1">
1 Expert Approved Answer
</div>
</div>
</div>
<div class="step org_answer">
<span class="view_solution_btn view-solution-btn-cursor">
<strong class="step-heading step-1">Step: 1 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong>
</span>
<img src="https://www.solutioninn.com/includes/images/document_product_info/blur-text-image.webp" class="blured-ans-image" width="759" height="271" alt="blur-text-image" decoding="async" fetchpriority="high">
<div class="step1Popup">
<span class="heading">Question Has Been Solved by an Expert!</span>
<p>Get step-by-step solutions from verified subject matter experts</p>
<button class="view_solution_btn step1PopupButton">View Solution</button>
</div>
</div>
<div class="step">
<span class="view_solution_btn view-solution-btn-cursor">
<strong class="accordion step-heading">Step: 2 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong>
</span>
</div>
<div class="step">
<span class="view_solution_btn view-solution-btn-cursor">
<strong class="accordion step-heading">Step: 3 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong>
</span>
</div>
</section>
<section class="relatedQuestion">
<h3>Students Have Also Explored These Related Databases Questions!</h3>
<div class="relatedQuestionSliderHolder">
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/introduction-webquest-introduction-why-is-it-unlikely-that-you-will-2899775" >
Introduction WebQuest Introduction Why is it unlikely that you will find many boat dealers in a desert? Or many advertising agencies in a rural area? Before a business sets up shop, it researches the... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/1-summary-a-you-will-have-two-jsp-pages-one-12670020" >
1. SUMMARY a. You will have two jsp pages, one that submits user entries to the other. You will also have a regular Java class that provides methods for the second JSP page to access. b. This lab... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/the-main-new-functionality-in-this-lab-is-building-on-12654888" >
The main new functionality in this lab is building on what you learned in the last lab. 1. SUMMARY a. You will have two jsp pages, one that submits user entries to the other. You will also have a... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/1-summary-a-you-will-have-two-jsp-pages-one-13579272" >
1. SUMMARY a. You will have two jsp pages, one that submits user entries to the other. You will also have a regular Java class that provides methods for the second JSP page to access. b. This lab... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/lab-9-note-this-lab-is-a-graded-lab-the-12725736" >
Lab 9 NOTE: This lab is a graded lab. The main new functionality in this lab is building on what you learned in the last lab. SUMMARY You will have two jsp pages, one that submits user entries to the... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/1-summary-a-you-will-have-two-jsp-pages-one-12695340" >
1. SUMMARY a. You will have two jsp pages, one that submits user entries to the other. You will also have a regular Java class that provides methods for the second JSP page to access. b. This lab... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/registerjsp-movie-fan-membership-registration-first-name-last-name-favorite-12722858" >
register.jsp: Movie Fan Membership Registration First Name Last Name Favorite Movie Favorite Actor confirm.jsp: //#####################################################################################... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/1-summary-a-you-will-have-two-jsp-pages-one-13607757" >
1. SUMMARY a. You will have two jsp pages, one that submits user entries to the other. You will also have a regular Java class that provides methods for the second JSP page to access. b. This lab... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/web-systems5023153-assignment1-description-of-the-task-the-layout-and-13653075" >
WEB SYSTEMS-502315-3 ASSIGNMENT-1 Description of the task The layout and content of your Web page are entirely up to you. You are encouraged to be creative and produce a document that you are proud... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/the-main-new-functionality-in-this-lab-is-building-on-13515170" >
The main new functionality in this lab is building on what you learned in the last lab. 1. SUMMARY a. You will have two jsp pages, one that submits user entries to the other. You will also have a... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/are-longterm-objective-lto-and-strategic-issues-good-and-how-277134" >
Are Long-term Objective (LTO) and Strategic Issues good and how to add them in the table Strategic Issues: 1.Increasing competitors: Increasing competition in the banking sector, in addition to... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/what-are-real-options-what-are-some-major-types-of" >
What are real options? What are some major types of real options? </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/long-term-incentives-facilitate-a-board-of-directors-pay-27877474" >
Long - term incentives facilitate a board of directors' pay - related decisions designed to avoid potential agency problems by linking managerial compensation to the wealth of common shareholders.... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/help-baden-company-has-gathered-the-following-information-current-attempt-15326313" >
HELP!!! Baden Company has gathered the following information. Current Attempt in Progress Baden Company has gathered the following information. Compute equivalent units of production for materials... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/managing-human-behavior-in-public/1-what-is-the-public-service-mission-of-your-agency-2124396" >
1. What is the public service mission of your agency or organization (or the organization that you hope to work for)? How does the organization benefit the people it serves? Think of specific... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/managing-human-behavior-in-public/3-implement-the-action-steps-after-a-reasonable-time-period-2124395" >
3. Implement the action steps. After a reasonable time period, assess the results. Has your motivation increased? Has your interest, satisfaction, or performance improved? What else might you do to... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/managing-human-behavior-in-public/2-discuss-the-practical-implications-for-each-of-the-models-2124389" >
2. Discuss the practical implications for each of the models you use. In other words, what do these models suggest the supervisor should do or say as a consequence of defining the problem from that... </a>
</div>
</div>
<nav class="navigationButtons">
<a class="previousQuestionButton" href="/study-help/questions/so-im-supposed-to-write-python-code-that-implements-the-13169108">Previous Question</a>
<a class="nextQuestionButton" href="/study-help/questions/this-question-is-based-on-networks-and-communication-can-someone-13169110">Next Question</a>
</nav>
</section>
</main>
<aside class="expertRight">
<section class="relatedBook" style="margin-bottom:40px; width: 100%;" >
<div class="bookHolder" >
<div class="relatedBookHeading" >
<h2 class="heading">Recommended Textbook</h2>
</div>
<div class="bookMainInfo" >
<div class="bookImage" style="width: 100px !important; min-width: 100px; flex-shrink: 0; margin-right: 20px;">
<a href="/textbooks/main-memory-database-systems-1st-edition-9781680833249">
<img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/64ed89ecd4105_47830.jpg" width="100" height="131" alt="Main Memory Database Systems" loading="lazy" style="width: 100px !important;">
</a>
<a href="/textbooks/computer-science-ada-programming-2391" style="margin-top: 8px; display: block; text-align: left;">More Books</a>
</div>
<div class="bookInfo" style="text-align: left;">
<span class="bookTitle" style="text-align: left;">
<a href="/textbooks/main-memory-database-systems-1st-edition-9781680833249" style="text-align: left;">
Main Memory Database Systems </a>
</span>
<div class="bookMetaInfo" style="text-align: left;">
<p class="bookAuthor" style="text-align: left;">
<b>Authors:</b> <span>Frans Faerber, Alfons Kemper, Per-Åke Alfons</span>
</p>
<p class="bookEdition" style="text-align: left;">
1st Edition </p>
<p class="bookEdition" style="text-align: left;">
1680833243, 978-1680833249 </p>
</div></div></div>
</div>
</section>
<div class="post-question-section">
<div class="description-question-section">
<span class="post-question-section-title">Ask a Question and Get Instant Help!</span>
</div>
<div class="text-area-post-question">
<form action="/study-help/post-question?ref=search" method="post" enctype="multipart/form-data">
<textarea rows="4" class="form-control form-posting-margin" name="textarea-question-content" id="textarea-question-content" placeholder="Type Your Question ...."></textarea>
<button type="submit" class="btn btn-sm btn-submit-post-question text-center">Get Answer</button>
</form>
</div>
</div>
</aside>
</div>
</div>
<div class="promo items-center justify-center hidden">
<div class="app_promo">
<span class="app_promo_dismiss">
<i class="fa-solid fa-x"></i>
</span>
<div class="app-button">
<div class="image-wrapper">
<img width="30" height="30" src="https://www.solutioninn.com/includes/images/rewamp/common/mobile-app-logo.png" decoding="async" fetchpriority="high" alt="SolutionInn App Logo">
<strong>Study Help</strong>
</div>
<button class="app_promo_action redirection" data-question-open-url='q_id=13169109&q_type=2'>
Open in App
</button>
</div>
</div>
</div>
</div>
</div>
<div class="blank-portion"></div>
<footer>
<div class="container footerHolder">
<div class="footerLinksFlex">
<div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6">
<p>Services</p>
<ul>
<li><a href="/site-map">Sitemap</a></li>
<li><a href="/fun/">Fun</a></li>
<li><a href="/study-help/definitions">Definitions</a></li>
<li><a href="/tutors/become-a-tutor">Become Tutor</a></li>
<li><a href="/books/used-textbooks">Used Textbooks</a></li>
<li><a href="/study-help/categories">Study Help Categories</a></li>
<li><a href="/study-help/latest-questions">Recent Questions</a></li>
<li><a href="/study-help/questions-and-answers">Expert Questions</a></li>
<li><a href="/clothing">Campus Wear</a></li>
<li><a href="/sell-books">Sell Your Books</a></li>
</ul>
</div>
<div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6">
<p>Company Info</p>
<ul>
<li><a href="/security">Security</a></li>
<li><a href="/copyrights">Copyrights</a></li>
<li><a href="/privacy">Privacy Policy</a></li>
<li><a href="/conditions">Terms & Conditions</a></li>
<li><a href="/solutioninn-fee">SolutionInn Fee</a></li>
<li><a href="/scholarships">Scholarship</a></li>
<li><a href="/online-quiz">Online Quiz</a></li>
<li><a href="/study-feedback">Give Feedback, Get Rewards</a></li>
</ul>
</div>
<div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6">
<p>Get In Touch</p>
<ul>
<li><a href="/about-us">About Us</a></li>
<li><a href="/support">Contact Us</a></li>
<li><a href="/career">Career</a></li>
<li><a href="/jobs">Jobs</a></li>
<li><a href="/support">FAQ</a></li>
<li><a href="https://www.studentbeans.com/en-us/us/beansid-connect/hosted/solutioninn" target="_blank" rel="noopener nofollow">Student Discount</a></li>
<li><a href="/campus-ambassador-program">Campus Ambassador</a></li>
</ul>
</div>
<div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-12">
<p>Secure Payment</p>
<div class="footerAppDownloadRow">
<div class="downloadLinkHolder">
<img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/common/footer/secure_payment_method.png" class="img-fluid mb-3" width="243" height="28" alt="payment-verified-icon" loading="lazy">
</div>
</div>
<p>Download Our App</p>
<div class="footerAppDownloadRow">
<div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6 redirection" data-id="1">
<img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/google-play-svg.svg" alt="SolutionInn - Study Help App for Android" width="116" height="40" class="img-fluid mb-3 " loading="lazy">
</div>
<div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6 redirection" data-id="2">
<img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/apple-store-download-icon.svg" alt="SolutionInn - Study Help App for iOS" width="116" height="40" class="img-fluid mb-3" loading="lazy">
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 SolutionInn. All Rights Reserved</p>
</div></footer>
<script>
window.addEventListener("load",function(){jQuery(document).ready(function(t){
// Clarity tracking
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "sjv6tuxsok");
// Helper to read a cookie by name
function getCookie(name) {
return document.cookie
.split('; ')
.map(v => v.split('='))
.reduce((acc, [k, val]) => (k === name ? decodeURIComponent(val || '') : acc), '');
}
// Read cookies
var si = getCookie('si_u_id');
var uid = getCookie('u_id');
var zen = getCookie('zenid');
// Send to Clarity
if (si) clarity('set', 'si_u_id', si);
if (uid) clarity('set', 'u_id', uid);
if (zen) clarity('set', 'zenid', zen);
clarity('set', 'ip_address', '216.73.216.134');
t.ajax({type:"POST",url:"/",data:{trackUserActivity:!0,reqUri:document.URL,referer:document.referrer},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{insertCrawler:!0,reqUri:document.URL,parseTime:"0.056",queryTime:"0.01654768548584",queryCount:"30"},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(){function t(t="",n=!1){var i="itms-apps://itunes.apple.com/app/id6462455425",e="openApp://action?"+t;isAndroid()?(setTimeout(function(){return window.location="market://details?id=com.solutioninn.studyhelp",!1},25),window.location=e):isIOS()?(setTimeout(function(){return window.location=i,!1},25),window.location=e):(i="https://apps.apple.com/in/app/id6462455425",n&&(i="https://play.google.com/store/apps/details?id=com.solutioninn.studyhelp"),window.open("about:blank","_blank").location.href=i)}jQuery("#appModal").modal("show"),jQuery(".download-app-btn").click(function(){t(jQuery(this).attr("data-question-open-url"))}),jQuery(".redirection").click(function(){var n=jQuery(this).attr("data-question-open-url"),i=jQuery(this).attr("data-id");void 0!=n?1==i?t(n,!0):t(n,!1):1==i?t("",!0):t("",!1)}),jQuery(".app-notification-close").click(function(){jQuery(".app-notification-section").css("visibility","hidden");var t=new FormData;t.append("hide_notification",!0),jQuery.ajax({type:"POST",url:"/",data:t,cache:!1,contentType:!1,processData:!1,beforeSend:function(){},success:function(t){location.reload()}})})})},!1);
</script>
</body>
</html>
