From 01f160f5851108c94a6e6e1d24ea6d247077a46a Mon Sep 17 00:00:00 2001 From: Liam Greenfield <52577696+Liam310@users.noreply.github.com> Date: Sat, 16 May 2026 16:25:56 +0100 Subject: [PATCH] add input box for name --- Form-Controls/index.html | 25 ++++++++++++++++++++----- Form-Controls/styles.css | 0 2 files changed, 20 insertions(+), 5 deletions(-) create mode 100644 Form-Controls/styles.css diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..d808b345f 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,6 +6,7 @@ My form exercise +
@@ -13,15 +14,29 @@

Product Pick

- +
+ + +
+ What is the customer's name? I must collect this data and ensure it contains at least two non-space characters. + What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern. + What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours? + What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL + --- + HTML + My form is semantic HTML. + All inputs have associated labels. + My Lighthouse Accessibility score is 100. + I require a valid name. + 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. + -->
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css new file mode 100644 index 000000000..e69de29bb