London | 26-ITP-Sep | Mars Adesina | Sprint 1 | Form Controls

[marscancode]

London | 26-ITP-Sep | Mars Adesina | Sprint 1 | Form Controls

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

Task code

CYF-1004

Changelist

Created a T-shirt order form using HTML with:

• A required name field with at least two non-space characters.
• A required email field that follows a consistent pattern.
• A required choice of 1 option out of 3 T-shirt colours.
• A required choice of 1 option out of 6 T-shirt sizes.
• Form validation tested in the browser.
• Semantic HTML.

I created a form in HTML using form validation, where customers have to enter a required valid name and a required valid email. They also have to choose from three T-shirt colour options and one of six T-shirt sizes. I tested the form using DevTools, including Lighthouse, and the W3C validator. I received a Lighthouse Accessibility score of 100 and no errors after refactoring my requirements, indentation, and HTML semantics.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	8497414
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6aa427b2c1ebf200083cbd6a
😎 Deploy Preview	https://deploy-preview-1498--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: 82 (🔴 down 4 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.