From b9e6691b032b21769d0a5358b009ae0f4a5eee23 Mon Sep 17 00:00:00 2001
From: DiniaCB <dinia.carmona@gmail.com>
Date: Wed, 26 Nov 2025 10:29:47 +0100
Subject: [PATCH] formDiniahtml

---
 formDinia.html | 165 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 165 insertions(+)
 create mode 100644 formDinia.html
diff --git a/formDinia.html b/formDinia.html
new file mode 100644
index 000000000..8db8efbfc
--- /dev/null
+++ b/formDinia.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FormDinia</title>
+    </head> 
+<body>
+    <form> 
+        <h1> T-shirt Order Form</h1>
+        <p> Please complete all required (*) fields.</p>
+        
+         <p> 
+            <label for="Customer-name">Name>*:</label>
+            <input 
+            type="text" id="customer-name" 
+            name="customer-name" 
+            required
+            minlength="2"
+            pattern=".{2,}"
+            />
+         </p>
+
+         <p> 
+            <label for="Customer-email">Email>*:</label>
+            <input 
+            type="email" 
+            id="customer-email" 
+            name="customer-email" 
+            required
+            />
+            <p>
+                
+                 <section>
+                    <h2>T-shirt Colour</h2>
+
+                    <fieldset>
+                        <legend>Please select a colour*</legend>
+                        <ul>
+                            <li
+                        </ul>
+                    
+                        <label>
+                            <input 
+                            type="radio" 
+                            name="colour" 
+                            value="red" 
+                            required
+                            />
+                            Red
+                        </label>
+                    </li> 
+                    <li> 
+                        <label>
+                            <input 
+                            type="radio" 
+                            name="colour" 
+                            value="blue" 
+                            required
+                            />
+                            Blue
+                        </label>
+                    </li>
+
+                    <li> 
+                        <label>
+                            <input 
+                            type="radio" 
+                            name="colour" 
+                            value="green" 
+                            required
+                            />
+                            Green
+                        </label>
+                    </li>
+                    </ul>
+                    </fieldset>
+                </section>
+
+                
+                <section>
+                    <h2>T-shirt Size</h2>
+
+                    <fieldset>
+                        <legend>Please select a size*</legend>
+                        <ul>
+                            <li>
+                                <label>
+                                    <input 
+                                    type="radio" 
+                                    name="size" 
+                                    value="xs" 
+                                    required
+                                    />
+                                    XS
+                                </label>
+                            </li> 
+                            <li> 
+                                <label>
+                                    <input 
+                                    type="radio" 
+                                    name="size" 
+                                    value="s" 
+                                    required
+                                    />
+                                    S
+                                </label>
+                            </li>
+
+                            <li> 
+                                <label>
+                                    <input 
+                                    type="radio" 
+                                    name="size" 
+                                    value="m" 
+                                    required
+                                    />
+                                    M
+                                </label>
+                            </li>
+                            <li> 
+                                <label>
+                                    <input 
+                                    type="radio" 
+                                    name="size" 
+                                    value="l" 
+                                    required
+                                    />
+                                    L
+                                </label>
+                            </li>
+                            <li> 
+                                <label>
+                                    <input 
+                                    type="radio" 
+                                    name="size" 
+                                    value="xl" 
+                                    required
+                                    />
+                                    XL
+                                </label>    
+                            </li>
+                            <label>
+                                <input 
+                                type="radio" 
+                                name="size" 
+                                value="xxl" 
+                                required
+                                />
+                                XXL
+                        </ul>
+                    </fieldset>
+                </section>
+
+                
+
+                <section>
+                    <p
+                    <button type="submit">Submit Order</button>
+                    </p>
+                </section>
+            </form>
+            </body>
+            </html>
+                    
