FormCreationAssignment.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Creation Assignment </title>
</head>
<body>
    <h1>PLEASE FILL OUT THE FORM BELOW</h1>
<section>
    <form action="/Jdeeezzy">
         <p>
             <label for="FirstName"> First Name:</label>
             <input id="FirstName" type="text" placeholder="Enter your First Name" name="First Name">
         </p>
    <!-- this first block is the label and text box so users can enter their first name. Input and Label are my main elements -->
          <p>
             <label for="LastName"> Last Name:</label>
             <input id="LastName" Type="text" placeholder="Enter your Last Name" name="Last Name">
         </p>
    <!-- my second block is the same as my first except for the users last name -->
    <!-- this first part contains text boxes for users to input their first and last name -->
    <hr>

         <p>
            <label for="steaks"> What is your preferred type of Steak?</label>

            <select name="steak" id="steak">
                <option value="Ribeye">Ribeye</option>
                <option value="Filet Mignon">Filet Mignon</option>
                <option value="New York Strip">New York Strip</option>
            </select>
         </p>
    <hr>     
    <!-- this second part contains the element option. options creates a drop down menu for users to make their selection -->
         <p>
            <label for="allergies"> Do you have any food allergies?</label>
            <textarea id="allergies" name="food allergies" rows="3" cols="20" placeholder="Please mention any food allergies you may have :)"></textarea>
         </p>
     <hr>    
         <!-- This block contains the main element "textarea". This element allows users to type in any food allergies that they may have -->

      <button>Submit your Answers</button>   


     </form> 
</section>


</body>
</html>