Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

Hello. I\'m having a little trouble with my HTML. Wondering if you can help. Her

ID: 3891321 • Letter: H

Question

Hello. I'm having a little trouble with my HTML. Wondering if you can help.

Here are the directions:

1. Order Type

Add another div element to the web form containing the following code:

Insert an inputelement 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.

2. Delivery Info

Next within the form, create a field set with the ID deliveryInfo. Within this field set, add the following:

A legend containing the text Delivery Options.

A text area box with the ID addressBoxand field name of delAddress containing the placeholder text Enter delivery address.

A label containing the text Delivery Time (leave blank for earliest delivery)associated with the delBox control.

Add an input element with the ID delBox and field name delTimefor storing delivery time values. Use a data type of “time” for the control.

3. Pickup Info

Next within the web form, create a field set with the ID pickupInfo containing the following information for pickup orders:

A legend containing the text Pickup Options.

A label containing the text Pickup Time (leave blank for earliest pickup)associated with pickupBox control.

Add an input element with the ID pickupBoxand field name pickupTime for storing time values. Add the disabledattribute to the tag to disable this control when the form is initially opened. Use a data type of “time” for the control.

4. Submit Button

Finally, within the form, add a div element containing a submit button displaying the text Begin Building your Order.

Here's my HTML so far:

<!DOCTYPE html>
<html>
<head lang="en">
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 7
Review Assignment

Red Ball Pizza Customer Information
Author:
Date:

Filename: rb_customer.html
-->

<meta charset="utf-8" />
</head>

<body>
<header>
<img src="rb_logo2.png" alt="Red Ball Pizza" id="logoimg" />
<nav> <a id="navicon" href="#"><img src="rb_navicon2.png" alt="" /></a>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">directions</a></li>
<li><a href="#">coupons</a></li>
<li><a href="#">orders</a></li>
<li><a href="#">catering</a></li>
<li><a href="#">reviews</a></li>
</ul>
</nav>
</header>


<section>
<h1>Customer Information</h1>
<p>Thank you for using our online ordering form for quick and easy
orders. Please enter your name and phone number and whether you
want to place an order for delivery or pickup. Note that required
values are marked by an asterisk (*). If you
want to place your order over the phone, call us at
<a href="tel:+13865557499">(386) 555-7499</a>.</p>


<form action="http://www.example.com/redball/customer" method="post">


<div>
<label>Name*</label>
<input type="text" id="nameBox" name="custName" placeholder="First and Last Name" required/>
</div>


<div>
<label>Phone*</label>
<input id="phoneBox" name="custPhone" placeholder="(nnn) nnn-nnnn" pattern="^d{10}$|^((d{3})s*)?d{3}[s-]?d{4}$" required/>
</div>


<div>
<input type="button" name="orderType" id="delivery" > <img src="sb_button.png" alt="next">
</div>

<!-- This would be where step 1 (Delivery Type), step 2 (Delivery Info), step 3 (Pickup Info), & step 4 (Submit Button) should go -->


</form>

</section>

<footer>
<h1>ORDER</h1>
<a href="#">Specials</a> <a href="#">Pizza</a> <a href="#">Pasta</a> <a href="#">Wings</a> <a href="#">Sides</a> <a href="#">Salads</a> <a href="#">Drinks</a> <a href="#">Desserts</a>
<h1>ABOUT US</h1>
<a href="#">Our Story</a> <a href="#">Blog</a> <a href="#">Catering</a> <a href="#">School Lunches</a>
<h1>CUSTOMER SERVICE</h1>
<a href="#">Gluten Free Crusts</a> <a href="#">Contact Us</a> <a href="#">FAQs</a>
<h1>MY ACCOUNT</h1>
<a href="#">Create an Account</a> <a href="#">Sign In</a> <a href="#">Order Status</a>
<h1>NUTRITION</h1>
<a href="#">Nutrition Information</a> <a href="#">Food Allergen</a> <a href="#">Gluten Free Pizza</a>
<h1>POLICIES</h1>
<a href="#">Privacy Policy</a> <a href="#">Terms of Use</a>
<address>
Red Ball Pizza <br />
811 Beach Drive <br />
Ormond Beach, FL 32175 <br />
(386) 555 - 7499
</address>
</footer>
</body>
</html>

Below is the image of the final project:

Customer Informatiorn Thank you for using our online ordering form for quick and easy orders. Please enter your name and phone number and whether you want to place an order for delivery or pickup. Note that required values are marked by an asterisk (*). If you want to place your order over the phone, call us at (386)555-7499 Name* Phone* First and Last Name Delivery Delivery Options Enter delivery address Pickup Pickup Options Pickup Time (leave blank for earliest pickup) Delivery Time (leave blank for earliest delivery) Begin Building your Order

Explanation / Answer

here is your answer : -------->>>>>>>>>

<!DOCTYPE html>
<html>
<head lang="en">
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 7
Review Assignment
Red Ball Pizza Customer Information
Author:
Date:
Filename: rb_customer.html
-->

<meta charset="utf-8" />
</head>
<body>
<header>
<img src="rb_logo2.png" alt="Red Ball Pizza" id="logoimg" />
<nav> <a id="navicon" href="#"><img src="rb_navicon2.png" alt="" /></a>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">directions</a></li>
<li><a href="#">coupons</a></li>
<li><a href="#">orders</a></li>
<li><a href="#">catering</a></li>
<li><a href="#">reviews</a></li>
</ul>
</nav>
</header>

<section>
<h1>Customer Information</h1>
<p>Thank you for using our online ordering form for quick and easy
orders. Please enter your name and phone number and whether you
want to place an order for delivery or pickup. Note that required
values are marked by an asterisk (*). If you
want to place your order over the phone, call us at
<a href="tel:+13865557499">(386) 555-7499</a>.</p>

<form action="http://www.example.com/redball/customer" method="post">

<div>
<label>Name*</label>
<input type="text" id="nameBox" name="custName" placeholder="First and Last Name" required/>
</div>

<div>
<label>Phone*</label>
<input id="phoneBox" name="custPhone" placeholder="(nnn) nnn-nnnn" pattern="^d{10}$|^((d{3})s*)?d{3}[s-]?d{4}$" required/>
</div>

<div>
<input type="button" name="orderType" id="delivery" > <img src="sb_button.png" alt="next">
</div>
<!-- This would be where step 1 (Delivery Type), step 2 (Delivery Info), step 3 (Pickup Info), & step 4 (Submit Button) should go -->
<div>
<input type="radio" name="orderType" id="delivery" checked="checked"> <label> Delivery </label>
<input type="radio" name="orderType" id="pickup" ><label> Pickup </label>
</div>
<fieldset id="deliveryInfo">
     <legend> Delivery Option </legend>
     <textarea id="addressBox" name="delAddress" placeholder="Enter Delivery Address ">
    
     </textarea>
     <label for="delBox"> Delivery Time(leave blank for earliest delivery)</label>
     <input type="Time" name="delTime" id="delBox">
</fieldset>
<fieldset id="pickupInfo" >
     <legend> Pickup Option </legend>
     <label for="pickupBox"> Pickup Time(leave blank for earliest delivery)</label>
     <input type="Time" name="pickupTime" id="pickupBox">
</fieldset>
<div>
  <input type="submit" name="submit" value="Begin Building your Order">
</div>
</form>

</section>
<footer>
<h1>ORDER</h1>
<a href="#">Specials</a> <a href="#">Pizza</a> <a href="#">Pasta</a> <a href="#">Wings</a> <a href="#">Sides</a> <a href="#">Salads</a> <a href="#">Drinks</a> <a href="#">Desserts</a>
<h1>ABOUT US</h1>
<a href="#">Our Story</a> <a href="#">Blog</a> <a href="#">Catering</a> <a href="#">School Lunches</a>
<h1>CUSTOMER SERVICE</h1>
<a href="#">Gluten Free Crusts</a> <a href="#">Contact Us</a> <a href="#">FAQs</a>
<h1>MY ACCOUNT</h1>
<a href="#">Create an Account</a> <a href="#">Sign In</a> <a href="#">Order Status</a>
<h1>NUTRITION</h1>
<a href="#">Nutrition Information</a> <a href="#">Food Allergen</a> <a href="#">Gluten Free Pizza</a>
<h1>POLICIES</h1>
<a href="#">Privacy Policy</a> <a href="#">Terms of Use</a>
<address>
Red Ball Pizza <br />
811 Beach Drive <br />
Ormond Beach, FL 32175 <br />
(386) 555 - 7499
</address>
</footer>
</body>
</html>

Related Questions

Hello. I just asked this and got a good answer. However, I have another question
Question #3596553
Hello. I just worked on this problem and we\'re asked to find theeffiency and th
Question #1668507
Hello. I keep getting errors when I try to test out the beginning of my Tic Tac
Question #3640665
Hello. I made a new algorithm for sorting. It\'s not as quick as the radix sort
Question #3621826
Hello. I missed the class where we discussed S-Parameters and I need help with t
Question #1811416
Hello. I missed the class where we discussed S-Parameters and I need help with t
Question #1811417
Hello. I need a reworded summary of the following text. The geologic features of
Question #288375
Hello. I need answers for following questions thank you. 1) A molecule, whose fo
Question #608279

Navigate

Previous
Hello. I\'m having a little trouble with animation in a CSS file: Directions: 1.
Next
Hello. I\'m having touble with the last part to my assignment using html/css/jav

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.