makispaiktis

Codecademy - Radio Buttons

Aug 14th, 2019 (edited)
275
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.22 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>Radio Input</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>
  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.  
  45.         <section class="cheesy">
  46.           <span>Would you like to add cheese?</span>
  47.           <br>
  48.             <!--Add your first radio button below-->
  49.                     <input type="radio" name="cheese"
  50.                 id="yes" value="yes">
  51.           <label for="yes">Yes</label>
  52.             <!--Add your second radio button below-->
  53.                     <input type="radio" name="cheese"
  54.                 id="no" value="no">
  55.           <label for="no">No</label>
  56.         </section>
  57.        
  58.       </form>
  59.     </section>
  60.   </body>
  61. </html>
Add Comment
Please, Sign In to add comment