Glasgow| 26-ITP-Jan|Fattouma Ouannassi| Sprint 2 | Form Controls

<!--

You must title your PR like this:

Region | Cohort | FirstName LastName | Sprint | Assignment Title

For example,

London | 25-ITP-May | Carol Owen | Sprint 1 | Alarm Clock

Fill in the template below - remove any sections that don't apply.

Complete the self checklist - replace each empty box in the checklist [ ] with a [x].

Add the label "Needs Review" and you will get review.

Respond to volunteer reviews until the volunteer marks it as "Complete".

-->

## Learners, PR Template

Self checklist

- [x] I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
- [x] My changes meet the requirements of the task
- [x] I have tested my changes
- [x] My changes follow the [style guide](https://curriculum.codeyourfuture.io/guides/reviewing/style-guide/)

## Changelist

This PR includes modifications to the HTML file to create an order form for customers to order T-Shirts.
[✓] My form is semantic html.
[✓] All inputs have associated labels.
[✓] My Lighthouse Accessibility score is 100.
[✓] I require a valid name. I have defined a valid name as a text string of two characters or more.
[✓] I require a valid email.
[✓] I require one colour from a defined set of 3 colours.
[✓] I require one size from a defined set of 6 sizes.

## Questions

/

Author: FAprogrammerO

Form-Controls/index.html

@@ -12,16 +12,51 @@
       <h1>Product Pick</h1>
     </header>
     <main>
-      <form>
-        <!-- write your html here-->
-        <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
-      </form>
+      <form><libel for="name">Customer name:</libel><br>
+        <input
+        type="text"
+        id="name"
+        title="Name must contain only letters and spaces"><br><br>
+
+        <label for="email">Email Address</label>
+        <br>
+        <input
+        type="email"
+        id="email"
+        name="email"
+        required>
+        <br><br>
+       <label for="colour">T-Shirt Colour:</label> 
+       <br>
+       <select id="colour" name="colour"required>
+<option value="select a colour">Select a colour</option>
+<option value="Pink">Pink</option>
+<option value="Aqua">Aqua</option>
+<option value="White">White</option>
+</select>
+<br><br>
+<fieldset>
+  <legend>T-Shirt Size</legend>
+  <input type="radio" id="xs" name="size" value="xs">
+  <label for="xs">xs</label>
+  <input type="radio" id="s" name="size" value="s">
+  <label for="s">s</label>
+  <input type="radio" id="m" name="size" value="m">
+  <label for="m">m</label>
+  <input type="radio" id="l" name="size" value="l">
+<label for="l">l</label>
+<input type="radio" id="xl" name="size" value="xl">
+<label for="xl">xl</label>
+<input type="radio" id="xxl" name="size" value="xxl">
+<label for="xxl">xxl</label>
+
+  </fieldset>
+
+    </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <!-- Fattouma Ouannassi-->
+      <h2>Fattouma Ouannassi</h2>
     </footer>
   </body>
 </html>