CodeYourFuture
diff --git a/‎Form-Controls/index.html‎
Lines changed: 19 additions & 17 deletions b/‎Form-Controls/index.html‎
Lines changed: 19 additions & 17 deletions
diff --git a/‎Form-Controls/style.css‎ b/‎Form-Controls/style.css‎
@@ -6,6 +6,8 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    
   </head>
   <body>
     <header>
@@ -18,12 +20,12 @@ <h1>Product T-shirts</h1>
         <!-- 1. What is the customer's name? I must collect this data and ensure it contains at least two non-space characters. -->
 
           <label for="username">Name</label>
-          <input type="text" id="username" minlength="2" required/>
+          <input type="text" id="username" minlength="2" required autocomplete="name">
 
           <!-- 2. What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern. -->
 
           <label for="email">Email</label>
-          <input type="email" id="email" required>
+          <input type="email" id="email" required autocomplete="email">
 
           <!-- 3. What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours? -->
 
@@ -34,10 +36,10 @@ <h1>Product T-shirts</h1>
             <input type="radio" id="red" name="colour" value="red" required>
 
             <label for="green">Green</label>
-            <input type="radio" id="green" name="colour"  value="green" required>
+            <input type="radio" id="green" name="colour"  value="green">
 
             <label for="white">White</label>
-            <input type="radio" id="white" name="colour"  value="white" required>
+            <input type="radio" id="white" name="colour"  value="white">
 
 
           </fieldset>
@@ -47,28 +49,28 @@ <h1>Product T-shirts</h1>
           <fieldset>
             <legend>Choose a size</legend>
 
-            <label for="xsmall">XS</label>
-            <input type="radio" id="xsmall" name="size" value="xsmall" required>
+            <label for="xs">XS</label>
+            <input type="radio" id="xs" name="size" value="xs" required>
 
-            <label for="small">S</label>
-            <input type="radio" id="small" name="size" value="small" required>
+            <label for="s">S</label>
+            <input type="radio" id="s" name="size" value="s" required>
 
-            <label for="medium">M</label>
-            <input type="radio" id="medium" name="size" value="medium" required>
+            <label for="m">M</label>
+            <input type="radio" id="m" name="size" value="m" required>
 
-            <label for="large">L</label>
-            <input type="radio" id="large" name="size" value="large" required>
+            <label for="l">L</label>
+            <input type="radio" id="l" name="size" value="l" required>
 
-            <label for="xlarge">XL</label>
-            <input type="radio" id="xlarge" name="size" value="xlarge" required>
+            <label for="xl">XL</label>
+            <input type="radio" id="xl" name="size" value="xl" required>
 
-            <label for="xxlarge">XXL</label>
-            <input type="radio" id="xxlarge" name="size" value="xxlarge" required>
+            <label for="xxl">XXL</label>
+            <input type="radio" id="xxl" name="size" value="xxl" required>
 
 
           </fieldset>
 
-          <button type="button">Submit</button>
+          <button type="submit">Submit</button>