Answered Essay: The goal of this assignment is to give you some experience creating a web application that includes a sim

HTML Assignment

The goal of this assignment is to give you some experience creating a web application that includes a simple HTML page with a form that is processed by an ASPX server-side page.

Requirements:

Create a simple HTML page (sandwich_builder.html) and design the user interface, which will contain the HTML input form.

1 Add simple HTML form controls (HFCs) for the user to enter their name and phone number.

2 Add an HTML form control drop-down box (select/option list) or radio button group to allow the customer to select the size of the sandwich.

3 Add HTML form controls that allows the customer to make selections and customize their sandwich.

4 Toaster or not toasted

5 Spreads or sauces

6 Checkboxes for lettuce, tomato, onions, pickles, etc… The checkboxes will allow the customer to choose as many as they like.

7 Checkboxes premium additions like bacon, extra cheese, extra meat, etc… The checkboxes will allow the customer to choose as many as they like.

8 Meal option that includes a drink and some side of their choice (chips, fruit, cookie).

Option to tip the sandwich build artist. The tip will get added to the total cost of the order during server-side processing. Use a textbox to allow the customer to enter a numerical value for the tip. A blank textbox would signify the customer is not including a tip.

Provide at least 5 choices for each of the above categories.

You must use a mixture of drop-down boxes, radio button groups, and checkboxes to allow the user to build their customized sandwich. This means you cannot use a drop-down box for everything.

Server-side processing

1 The ASPX page only needs to contain a simple ASPX label or labels (WFC) to display the necessary output to the customer.

2 Retrieve the values for all form controls using the Request object.

3 Display the user’s order with all their selections.

4 Calculate and display the cost for the order including tax and tip.

5 You should assign prices for each option.

6 Display the breakdown for the order (cost of each item / choice, tax amount, tip amount, and grand total.)

Expert Answer

 

Hi thanks for asking

sandwich_builder.html

<!DOCTYPE html>
<html>
<style>
input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}

input[type=submit] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}

input[type=submit]:hover {
background-color: #45a049;
}

div {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
<body>

<h3>Using CSS to style an HTML Form</h3>

<div>
<form action=”/action_page.php”>
<label for=”fname”>First Name</label>
<input type=”text” id=”fname” name=”firstname” placeholder=”Your name..”>

<label for=”pnumber”>Phone number</label>
<input type=”text” id=”lname” name=”Phone number” placeholder=”enter your mobile number..”>

<label for=”size”>size of the sandwich</label>

<select id=”size” name=”size”>

<option value=”australia”>1</option>
<option value=”canada”>2</option>

</select>

<select id=”sandwich” name=”sandwich”>
<option value=”australia”>Toaster</option>
<option value=”canada”>not toasted</option>

<option value=”australia”>Spreads</option>

<option value=”canada”>sauces</option>

<option value=”usa”>USA</option>
</select>
<input type=”checkbox” name=”name” value=”v1″>lettuce<br>
<input type=”checkbox” name=”name” value=”v2″>tomato<br>

<input type=”checkbox” name=”name” value=”v3″>onions<br>

<input type=”checkbox” name=”name” value=”v4″>pickles<br>

<input type=”checkbox” name=”name” value=”v1″>lettuce<br>
<input type=”checkbox” name=”name” value=”v2″>tomato<br>

<input type=”checkbox” name=”name” value=”v3″>onions<br>

<input type=”checkbox” name=”name” value=”v4″>pickles<br>

<select>

<option>chips</option>

<option>fruit</option>

<option>cookie</option>

</select>

<input type=”submit” value=”Submit”>
</form>
</div>

</body>
</html>

Buy Essay
Calculate your paper price
Pages (550 words)
Approximate price: -

Help Me Write My Essay - Reasons:

Best Online Essay Writing Service

We strive to give our customers the best online essay writing experience. We Make sure essays are submitted on time and all the instructions are followed.

Our Writers are Experienced and Professional

Our essay writing service is founded on professional writers who are on stand by to help you any time.

Free Revision Fo all Essays

Sometimes you may require our writers to add on a point to make your essay as customised as possible, we will give you unlimited times to do this. And we will do it for free.

Timely Essay(s)

We understand the frustrations that comes with late essays and our writers are extra careful to not violate this term. Our support team is always engauging our writers to help you have your essay ahead of time.

Customised Essays &100% Confidential

Our Online writing Service has zero torelance for plagiarised papers. We have plagiarism checking tool that generate plagiarism reports just to make sure you are satisfied.

24/7 Customer Support

Our agents are ready to help you around the clock. Please feel free to reach out and enquire about anything.

Try it now!

Calculate the price of your order

Total price:
$0.00

How it works?

Follow these simple steps to get your paper done

Place your order

Fill in the order form and provide all details of your assignment.

Proceed with the payment

Choose the payment system that suits you most.

Receive the final file

Once your paper is ready, we will email it to you.

HOW OUR ONLINE ESSAY WRITING SERVICE WORKS

Let us write that nagging essay.

STEP 1

Submit Your Essay/Homework Instructions

By clicking on the "PLACE ORDER" button, tell us your requires. Be precise for an accurate customised essay. You may also upload any reading materials where applicable.

STEP 2

Pick A & Writer

Our ordering form will provide you with a list of writers and their feedbacks. At step 2, its time select a writer. Our online agents are on stand by to help you just in case.

STEP 3

Editing (OUR PART)

At this stage, our editor will go through your essay and make sure your writer did meet all the instructions.

STEP 4

Receive your Paper

After Editing, your paper will be sent to you via email.