diff options
Diffstat (limited to 'HTML/Final/sneed/purchase-form.html')
| -rw-r--r-- | HTML/Final/sneed/purchase-form.html | 125 |
1 files changed, 125 insertions, 0 deletions
diff --git a/HTML/Final/sneed/purchase-form.html b/HTML/Final/sneed/purchase-form.html new file mode 100644 index 0000000..0cdb2bf --- /dev/null +++ b/HTML/Final/sneed/purchase-form.html @@ -0,0 +1,125 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Sneed's Feed and Seed - Purchase</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href=style.css> + <link rel="shortcut icon" href="assets/Iconography/favicon.png" type="image/png"> + </head> + <body> + <div id=wrapper> + <header> + <img width=91 alt="The logo of Sneed's Feed and Seed. It has a red hat with the title of the company on it." src="assets/Iconography/logo-small.png"> + + <div> + <h1>Sneed's Feed and Seed</h1> + <p id=headercaption>Formerly Chuck's</p> + </div> + </header> + <nav> + <ul> + <li><a href="index.html">Home</a></li> + <li><a href="store.html">Store</a></li> + <li><a href="legal.html">Legal</a></li> + <li><a href="about.html">About</a></li> + </ul> + </nav> + <main> + <h1>Purchase Form</h1> + <p>All fields are required.</p> + + <form action="https://webdevbasics.net/scripts/demo.php" method="post"> + <label for="name">Enter your name: </label> + <input type="text" name="name" id="name" required> + <label for="email">Enter your email: </label> + <input type="email" name="email" id="email" required> + <label for="product">Enter the name of the product you wish to purchase: </label> + <input list="productlist" name="product" id="product" required> + <datalist id="productlist"> + <!--Items--> +<option value="Mason Jars"></option> + +<option value="Mattock"></option> + +<option value="Copper Adze"></option> + +<option value="Bucket"></option> + +<option value="Soil Rake"></option> + +<option value="Weeding Shovel"></option> + +<option value="Hoe"></option> + +<option value="Thermometer"></option> + +<option value="Spade"></option> + +<option value="Copper Saucepot"></option> + +<option value="Copper Coil"></option> + +<option value="Trowel"></option> + +<option value="The Mother of Vinegar"></option> + +<option value="Baking Yeast"></option> + +<option value="Pitchfork"></option> + +<option value="Pickaxe"></option> + +<option value="Red Onions Seeds"></option> + +<option value="Carolina Reapers Seeds"></option> + +<option value="Cucumbers Seeds"></option> + +<option value="Red Chilies Seeds"></option> + +<option value="Green Chilies Seeds"></option> + +<option value="Black Cherry Seeds"></option> + +<option value="Soybeans Seeds"></option> + +<option value="Rice Seeds"></option> + +<option value="Tobacco Seeds"></option> + +<option value="Taiwanese Watermelon Seeds"></option> + +<option value="Potato Tubers"></option> + +<option value="Garlic Cloves"></option> + +<option value="Habanero Pepper Seeds"></option> + +<option value="Cubanelle Pepper Seeds"></option> + +<option value="Yellow Squash Seeds"></option> + +<option value="Appalachian Culture"></option> + +<option value="The Hot Man's Kit"></option> + +<option value="First-time Gardeners Kit"></option> + + </datalist> + <label for="reserved">Enter the quantity of the product: </label> + <input type="number" name="reserved" id="reserved" required> + <label for="date">Enter when you will pick your goods up:</label> + <input type="date" name="date" id="date" required> + <input type="submit" value="Place Order"> + </form> + + </main> + <footer> + <p>Copyleft 2022 <span class=copyleft>©</span> - <a href=https://creativecommons.org/licenses/by-sa/4.0/>CC-BY-SA 4.0</a></p> + <small><a href=mailto:msglm@techchud.xyz>msglm</a></small> + <small><i>Last Updated April 28th 2022</i></small> + </footer> + </div> + </body> +</html> |