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

The code must be able to pass https://html5.validator.nu without errors. Do not

ID: 3882806 • Letter: T

Question

The code must be able to pass https://html5.validator.nu without errors. Do not copy from other sources on chegg create your own.

Using HTML forms: Create an order form for the three items you used in Part 2 which is ((

)). The customer should be able to type the number of each item wanted.

There should also be text boxes for customer name and shipping address.

Use radio buttons for payment method.

Provide the choices Visa, MasterCard and American Express.

Each form element, NOT just payment, MUST HAVE an associated <label> element.

The action= attribute of your <form> element should be action="/formtest.php". Name your document l2p3.html

Test your form by submitting some data. The expected result is that the fields will be echoed back to you.

Saw Pliers Hedge Clippers

Explanation / Answer

<html>

<head>

<title>Payment</title>

</head>

<body>

<form action="/formtest.php">

<table>

<tr>

<td><label for="customer_name">Customer Name: </label> </td>

<td><input type="text" id="customer_name" name="customer_name"> <br/> </td>

</tr>

<tr>

<td><label for="address">Address: </label> </td>

<td><input type="textarea" id="address" name="Description"> <br/> </td>

</tr>

<tr>

<td><label for="saw_qty">Saw Quantity(between 0-10)</label></td>

<td><input type="number" name="saw_qty" min="0" max="10" value="0"></td>

</tr>

<tr>

<td><label for="pliers_qty">Pliers Quantity(between 0-10)</label></td>

<td><input type="number" name="pliers_qty" min="0" max="10" value="0"></td>

</tr>

<tr>

<td><label for="hedge_clippers_qty">Hedge Clippers Quantity (between 0-10)</label></td>

<td><input type="number" name="hedgeclippers__qty" min="0" max="10" value="0"></td>

</tr>

<tr>

<td><label for="payment_mode_visa">Payment Mode:</label></td>

<td><input type="radio" name="payment" value="visa" checked>Visa</td>

</tr>

<tr>

<td><label for="payment_mode_mastercard"></label> </td>

<td><input type="radio" name="payment" value="mastercard">Master Card</td>

</tr>

<tr>

<td><label for="payment_mode_americanExpress"></label> </td>

<td><input type="radio" name="payment" value="american_express">American Express</td>

</tr>

<tr>

<label for="submit"></label>

<td><input type="submit" id="submit_btn" value="Submit"></td>

</tr>

</table>

  

</form>

</body>

</html>