makispaiktis

Codecademy - Submit Button Example

Aug 14th, 2019 (edited)
306
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.30 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <link rel="stylesheet" type="text/css" href="style.css">
  6.     <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
  7.     <title>Textarea element</title>
  8.   </head>
  9.   <body>
  10.     <section id="overlay">
  11.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_burger-logo.svg" alt="Davie's Burgers Logo" id="logo">
  12.       <hr>
  13.       <form action="submission.html" method="POST">
  14.         <h1>Create a burger!</h1>
  15.                     <section class="protein">
  16.           <label for="patty">What type of protein would you like?</label>
  17.                 <input type="text" name="patty" id="patty">
  18.         </section>
  19.         <hr>
  20.         <section class="patties">
  21.           <label for="amount">How many patties would you like?</label>
  22.           <input type="number" name="amount" id="amount">
  23.         </section>
  24.         <hr>
  25.         <section class="cooked">
  26.           <label for="doneness">How do you want your patty cooked</label>
  27.           <br>
  28.           <span>Rare</span>
  29.           <input type="range" name="doneness" id="doneness" value="3" min="1" max="5">
  30.           <span>Well-Done</span>
  31.         </section>
  32.         <hr>
  33.         <section class="toppings">
  34.           <span>What toppings would you like?</span>
  35.           <br>
  36.           <input type="checkbox" name="topping" id="lettuce" value="lettuce">
  37.           <label for="lettuce">Lettuce</label>
  38.           <input type="checkbox" name="topping" id="tomato" value="tomato">
  39.           <label for="tomato">Tomato</label>
  40.           <input type="checkbox" name="topping" id="onion" value="onion">
  41.           <label for="onion">Onion</label>
  42.         </section>
  43.         <hr>
  44.         <section class="cheesy">
  45.           <span>Would you like to add cheese?</span>
  46.           <br>
  47.           <input type="radio" name="cheese" id="yes" value="yes">
  48.           <label for="yes">Yes</label>
  49.           <input type="radio" name="cheese" id="no" value="yes">
  50.           <label for="no">No</label>
  51.         </section>
  52.         <hr>
  53.         <section class="bun-type">
  54.           <label for="bun">What type of bun would you like?</label>
  55.           <select name="bun" id="bun">
  56.             <option value="sesame">Sesame</option>
  57.             <option value="potatoe">Potato</option>
  58.             <option value="pretzel">Pretzel</option>
  59.           </select>
  60.         </section>
  61.         <hr>
  62.         <section class="sauce-selection">
  63.           <label for="sauce">What type of sauce would you like?</label>
  64.           <input list="sauces" id="sauce" name="sauce">
  65.           <datalist id="sauces">
  66.             <option value="ketchup"></option>
  67.             <option value="mayo"></option>
  68.             <option value="mustard"></option>
  69.           </datalist>
  70.         </section>
  71.         <hr>
  72.         <section class="extra-info">
  73.           <label for="extra">Anything else you want to add?</label>
  74.           <br>
  75.           <textarea id="extra" name="extra" rows="3" cols="40"></textarea>
  76.         </section>
  77.         <hr>
  78.  
  79.         <section class="submission">
  80.           <!--Add your code below-->
  81.           <form>
  82.             <input type="submit" value="send">
  83.           </form>  
  84.          
  85.         </section>
  86.        
  87.       </form>
  88.     </section>
  89.   </body>
  90. </html>
Add Comment
Please, Sign In to add comment