Glasgow | 26-ITP-May | Lavanya Jayaprabu | Sprint 1 | Form Controls by Lavanya-Projects · Pull Request #1237 · CodeYourFuture/Module-Onboarding

Lavanya-Projects · 2026-05-08T00:08:00Z

Learners, PR Template

Self checklist

I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
My changes meet the requirements of the task
I have tested my changes
My changes follow the style guide

Changelist

I have completed all input fields based on the requirements. Validated all the code via validator.w3.org

Added a customer name input field

Added customer email input field

Added radio button for the colour selection

Added a dropdown section for the size selection

Added submit button, validate the input fields

netlify · 2026-05-08T00:08:05Z

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	`fc96998`
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a1011161027bf00084e879f
😎 Deploy Preview	https://deploy-preview-1237--cyf-onboarding-module.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	2 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 86 (no change from production) PWA: - View the detailed breakdown and full score reports
🤖 Make changes	Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Poonam-raj · 2026-05-15T10:53:55Z

+        <label>Customer Name: </label>
+        <input required minlength="2" pattern=".*\S.*\S.*"> 


Recommended to have id and name fields here (name field helps data be identified, id helps elements get identified for CSS) -> this is the same for the email input

Hi Poonam, Thank you for reviewing my code. I did some changes based on the feedback... Looking forward to receive the reply

Poonam-raj

Good work - just add the name and id fields into the form. I would also format the code so the indenting is correct as currently the code is indented a bit randomly.

Do it manually, or you can use a code formatter like Prettier to format code for you if need be

Poonam-raj · 2026-05-20T15:01:41Z

+        <p>Choose a T‑shirt colour:</p>
+
+        <label>
+          <input type="radio" name="colour" value="red" required>
+          Red
+        </label>
+
+        <label>
+          <input type="radio" name="colour" value="blue">
+          Blue
+        </label>
+
+        <label>
+          <input type="radio" name="colour" value="black">
+          Black
+        </label>


I would consider wrapping this in a <fieldset> tag to group the related inputs which are to do with colours

Poonam-raj

Last few bits to fix - sorry for the delay getting feedback back to you

Poonam-raj

Great work thanks for all the changes 🎉

Lavanya-Projects added 5 commits May 8, 2026 00:20

Input Field

2b73c4b

Added a customer name input field

Email input field

b762333

Added customer email input field

Radio Button

2ea2eeb

Added radio button for the colour selection

Dropdown Section

aa6a09a

Added a dropdown section for the size selection

Validation

324e7f9

Added submit button, validate the input fields