Cape Town | 26-Sep-ITP | Raees Stevens | Sprint 1 | Form Controls

[RaeesStevens]

Cape Town | 25-Sep-ITP | Raees Stevens | Sprint 1 | Form Controls

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

Created a form
Added inputs and labels for customer name and email, t-shirt colours and sizes.
Basic form styling using CSS.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	cfe2fb3
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6aaec0d0c68bff00081e480b
😎 Deploy Preview	https://deploy-preview-1518--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: 84 (🔴 down 2 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.

[valentina-starr1]

Thank you for your submission. The following are a quick summary of the fixes needed before this PR can be merged. In Form-Controls/index.html, please remove the extra "X" option from the size dropdown so it matches the required 6 options, and add a pattern attribute (pattern=".[^\s].[^\s].*") to the name input to enforce at least two non-space characters. Additionally, improve the form's semantics and accessibility by moving the size dropdown and submit button outside of the color

, and update the size label to use for="size". Finally, please fix the typo in Form-Controls/README.md on line 43 ("JavaScrip" -> "JavaScript"). Once these four items are updated, this will be good to go.

[RaeesStevens]

Updated with changes from review.

[RaeesStevens]

Thank you for your submission. The following are a quick summary of the fixes needed before this PR can be merged. In Form-Controls/index.html, please remove the extra "X" option from the size dropdown so it matches the required 6 options, and add a pattern attribute (pattern=".[^\s].[^\s].*") to the name input to enforce at least two non-space characters. Additionally, improve the form's semantics and accessibility by moving the size dropdown and submit button outside of the color

, and update the size label to use for="size". Finally, please fix the typo in Form-Controls/README.md on line 43 ("JavaScrip" -> "JavaScript"). Once these four items are updated, this will be good to go.

Thank you. I have made changes and submitted for review. Please note update to the title of the PR to 2026.

[cjyuan]

• According to https://validator.w3.org/, there are errors in your code. Can you fix them?

Code looks good in general. I only have a few comments and suggestions.

[cjyuan]

Indentation is not consistent.

Suggestion:

• Look up the benefits of using a code formatter.
• Install the Prettier extension for VS Code, then:
  • Use VS Code's Format Document feature to format your code.
  • Optionally, enable Format On Save and Format On Paste to keep your code consistently formatted.

Resource: Visual Studio Code - Formatting

Note: The formatter may not work correctly if your code contains syntax errors.

[cjyuan]

Could you use an AI tool to find out how the code on lines 35-42 could be simplified?