Advanced HTML and basic HTTP Please use your text editor of choice to create ord
ID: 3723039 • Letter: A
Question
Advanced HTML and basic HTTP
Please use your text editor of choice to create orderup.html and results.html.
orderup.html
For this orderup.html, you need to:
• Create a Billing Address fieldset with:
– A firstname textfield (required)
– A lastname textfield (required)
– A street address textfield (required)
A city textfield (required)
– A state combo box with all 50 state abbreviations
• A Payment fieldset with:
– Visa, Discover, Master Card, American Express radio buttons with Visa initially selected
– A card number textfield (required)
– A expiration date combobox with 01-12 months as the first and 2018- 2022 as the year
– A CVV textfield (required)
• A Create Account fieldset with:
– A username textfield (required)
– A password textfield (required)
– A password (verify) textfield (required) - does not need to actually verify if passwords match
• A Place Order button that performs a GET request onsubmit to results.html
results.html
For this results.html, you need to:
• Simply say that the form has successfully been submitted
Explanation / Answer
================orderup.html=====================
<!DOCTYPE html>
<html>
<body>
Firstname: <input type="text" name="usrname" required><br>
Lastname: <input type="text" name="usrname" required><br>
Lastadress: <input type="text" name="usrname" required><br><br><br><br>
City:<input list="city" name="city">
<datalist id="city">
<option value="city1">
<option value="city2">
<option value="city3">
<option value="city4">
<option value="city5">
</datalist>
<form>
<input type="radio" checked> Visa<br>
<input type="radio" >Discover<br>
<input type="radio">Master Card<br>
<input type="radio">American Express<br>
</form>
Cardnumber: <input type="text" name="cardnumber" required><br>
Month:<input list="month" name="month">
<datalist id="month">
<option value="1">
<option value="2">
<option value="3">
<option value="4">
<option value="5">
<option value="6">
<option value="7">
<option value="8">
<option value="9">
<option value="10">
<option value="11">
<option value="12">
</datalist>
Year:<input list="year" name="year">
<datalist id="year">
<option value="2018">
<option value="2019">
<option value="2020">
<option value="2021">
<option value="2022">
</datalist>
<br>
CVV: <input type="text" name="cvv" required><br>
<p>Create Account Field</p><br>
Username: <input type="text" name="usrname" required><br>
Password: <input type="text" name="usrname" required><br>
Password(verify): <input type="text" name="usrname" required><br><br>
<button name="submit" type="submit"value="submit">Order</button>
</body>
</html>
====================================================================================
==============================results.html=============================================
<!DOCTYPE html>
<html>
<body>
<p>form has successfully been submitted</p>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.