Manchester | 26-ITP-Sep | Precious Moses | Sprint 1 | Form controls by moses77-boop · Pull Request #1482 · CodeYourFuture/Module-JavaScript-Fundamentals

moses77-boop · 2026-09-08T18:04:52Z

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

Task code

CYF-1004

Changelist

Added a T-shirt order confirmation form
Each input is paired with a
All validation is handled natively by the browser
All fields were made required
Add 3 colour options
Add 6 T-shirt sizes

Questions

…d for user details

…olor selection sections

…izing is applied globally

…form layout

…bility

netlify · 2026-09-08T18:05:00Z

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	`f9c8b2a`
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6aa05cd23cdf1000092120d8
😎 Deploy Preview	https://deploy-preview-1482--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: 83 (🔴 down 3 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.

… form

LonMcGregor

Good use of fieldsets to organise the layout. Has all requirements for the task, and passes the tests. Good work

moses77-boop added 29 commits September 7, 2026 13:16

Modify title in index.html to reflect T-shirts Sale

d4ef234

Update title in index.html to "T-shirts Order Form"

28ee2b1

Add introductory paragraph to header in index.html

54d5e71

Reorganise form structure in index.html to include fieldset and legen…

f5867c9

…d for user details

Reorganise form structure in index.html to enhance user details and c…

f180233

…olor selection sections

Add fieldset and legend for size selection in index.html

ab5d564

Add size label to size selection fieldset in index.html

2bba163

Add size selection dropdown to size fieldset in index.html

bb90d98

Add default option and XS size to size selection dropdown in index.html

10320b6

Add additional size options to the size selection dropdown in index.html

eb00a8a

Add submit button to the order form in index.html

b35f6ed

Add reset button to the order form in index.html

b0c23e3

Add style.css and create stylesheet link for form styling

1155aa7

Add initial CSS variables for styling in style.css

e6c6c19

Fix CSS formatting by adding missing closing brace and ensuring box-s…

ef4f6c5

…izing is applied globally

Add body styles in style.css for improved layout and consistency

3515597

Add main styles in style.css for layout and design consistency

0da4a27

Add styles for h1 elements in style.css for improved layout

75c74cf

Add styles for .intro class in style.css for improved layout

e4c12d0

Add fieldset styles for improved form layout and consistency

e28db06

Add styles for legend and form.row classes in style.css for improved …

691e7f1

…form layout

Fix margin issue for last form row in style.css

7522e09

Add label styles for improved form accessibility and layout

5a3e25e

Add styles for .radio-row class to enhance layout and alignment

d37d178

Add styles for .radio-row label to improve layout consistency

f775d74

Add styles for 'input' and 'select' elements to enhance form consistency

0964ece

Add styles for radio buttons and focus states to enhance form accessi…

ee9c5da

…bility

Add hover and focus styles for buttons to enhance user interaction

8894975

Modify footer to reflect author name

c6ab611

Remove placeholder text from name and email input fields in the order…

9a0e5be

… form

moses77-boop added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 8, 2026