Fix form label/input structure

Author: BrianY315

Form-Controls/index.html

@@ -16,27 +16,25 @@ <h1>Product Pick</h1>
     <main>
       <form aria-label="T-shirt order form">
         <div class="form-group">
-          <label>
-            Name
-            <input
-              name="customer-name"
-              type="text"
-              pattern=".*\S.*\S.*"
-              title="Please enter at least two non-space characters."
-              required
-            />
-          </label>
+          <label for="customer-name">Name</label>
+          <input
+            id="customer-name"
+            name="customer-name"
+            type="text"
+            pattern=".*\S.*\S.*"
+            title="Please enter at least two non-space characters."
+            required
+          />
         </div>
 
         <div class="form-group">
-          <label>
-            Email
-            <input
-              name="customer-email"
-              type="email"
-              required
-            />
-          </label>
+          <label for="customer-email">Email</label>
+          <input
+            id="customer-email"
+            name="customer-email"
+            type="email"
+            required
+          />
         </div>
 
         <fieldset class="form-group">
@@ -60,18 +58,16 @@ <h1>Product Pick</h1>
         </fieldset>
 
         <div class="form-group">
-          <label>
-            Choose a size
-            <select name="tshirt-size" required>
-              <option value="" selected disabled>Select a size</option>
-              <option value="XS">XS</option>
-              <option value="S">S</option>
-              <option value="M">M</option>
-              <option value="L">L</option>
-              <option value="XL">XL</option>
-              <option value="XXL">XXL</option>
-            </select>
-          </label>
+          <label for="tshirt-size">Choose a size</label>
+          <select id="tshirt-size" name="tshirt-size" required>
+            <option value="" selected disabled>Select a size</option>
+            <option value="XS">XS</option>
+            <option value="S">S</option>
+            <option value="M">M</option>
+            <option value="L">L</option>
+            <option value="XL">XL</option>
+            <option value="XXL">XXL</option>
+          </select>
         </div>
 
         <button type="submit">Order now</button>