final submit

Author: gaireprakash20-ops

Form-Controls/index.html

@@ -26,51 +26,28 @@ <h1>Pick product</h1>
       </div>
       <br>
       <!--What color should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours? -->
-        <fieldset>
-        <legend>Color Option</legend>
-      <div>
-        <input type="radio" name="color" value="grey" id="grey" required>
-        <label for="grey">Grey</label>
-        </div>
          <div>
-        <input type="radio" name="color" value="black" id="black" required>
-        <label for="black">Black</label>
+          <label for="color">T-shirt color:</label>
+          <select id="color" name="color" required>
+            <option value="">Choose a color</option>
+            <option value="grey">Grey</option>
+            <option value="red">Red</option>
+            <option value="black">Black</option>
+          </select>
         </div>
-         <div>
-        <input type="radio" name="color" value="red" id="red" required>
-        <label for="red">Red</label>
-      </div>
-      </fieldset>
       <br>
 
       <!--What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL -->
-        <fieldset>
-      <legend>Size</legend>
-      <div>
-        <input type="radio" name="size" value="XS" id="xs" required>
-        <label for="xs">XS</label>
-        </div>
-        <div>
-        <input type="radio" name="size" value="S" id="s" required>
-        <label for="s">S</label>
-        </div>
-        <div>
-        <input type="radio" name="size" value="M" id="m" required>
-        <label for="m">M</label>
-        </div>
-        <div>
-        <input type="radio" name="size" value="L" id="l" required>
-        <label for="l">L</label>
-        </div>
-        <div>
-        <input type="radio" name="size" value="XL" id="xl" required>
-        <label for="xl">XL</label>
-        </div>
-        <div>
-        <input type="radio" name="size" value="XXL" id="xxl" required>
-        <label for="xxl">XXL</label>
-        </div>
-        </fieldset>
+        <label for="size">What size do you want?</label>
+        <select id="size" name="size" required>
+          <option value="">-- Choose 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>
         <br>
         <div>
           <input id="submit" type="submit">