added value attributes and a non selectable option

for both select elements

Author: burhan-mustafa

Form-Controls/index.html

@@ -39,23 +39,23 @@ <h1>Product Pick</h1>
         <!-- Gives them the options to choose between 3 colours -->
         <label for ="colour"> T-shirt Colour: </label>
           <select name = "colour" id = "colour" required>
-            <option></option>
-            <option>White</option>
-            <option>Black</option>
-            <option>Grey</option>
+            <option value = "" selected disabled>Choose a colour</option>
+            <option value = "white">White</option>
+            <option value = "black">Black</option>
+            <option value = "grey">Grey</option>
           </select>
           <br>
 
         <!-- Gives them the option to choose between 6 sizes-->
         <label for="size"> T-shirt Size:</label>
            <select name = "size" id = "size" required>
-            <option></option>
-            <option>XS</option>
-            <option>S</option>
-            <option>M</option>
-            <option>L</option>
-            <option>XL</option>
-            <option>XXL</option>
+            <option value = "" selected disabled>Choose 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>
           <br>