Refine form details and validation

Author: SandzSoft

Form-Controls/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <link rel="stylesheet" href="./style.css">
-    <title>My form exercise</title>
+    <title>Product Pick Form</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
@@ -26,7 +26,7 @@ <h1>Product Pick</h1>
         <div class="field">
           <label for="colour">Colour choice :</label>
           <select required id="colour" name="colour">
-            <option selected value="">--Please Select--</option>
+            <option disabled selected value="">--Please Select--</option>
             <option value="red">Red</option>
             <option value="black">Black</option>
             <option value="white">White</option>
@@ -35,7 +35,7 @@ <h1>Product Pick</h1>
          <div class="field">   
             <label for="size">Size :</label>
             <select required id="size" name="size">
-              <option selected value="">--Please Select--</option>
+              <option disabled selected value="">--Please Select--</option>
               <option value="XS">XS</option>
               <option value="S">S</option>
               <option value="M">M</option>
@@ -56,7 +56,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>SandzSoft</p>
     </footer>
   </div>
   </body>