Manchester | 26-ITP-SEP | Monsur Abdulrahman | Sprint 1 | Form-controls

[Monsur0001]

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

Designed and styled the Form based on the acceptance criteria.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	6fb93d6
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6ab7d0f032937d0007802236
😎 Deploy Preview	https://deploy-preview-1540--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.

[cjyuan]

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

• Your form-controls branch is 11 commits behind CYF's main. Could you update your branch, and then update your code accordingly to ensure your implementation meets the updated spec?

[cjyuan]

There is a way to configure a <select> element so that no option is selected by default, allowing the user to make an explicit choice.

[Monsur0001]

Thank you for reviewing my pull request. I have included the select option to allow the users to make choices, rather than a default option.

[cjyuan]

Suggestion: Use AI to explore

• Where to place the label of a radio button? Left or right? Why?
• How to decide when to use "radio" input and when to use "select" in a HTML form?

[Monsur0001]

I have found out that the label of a radio button is best placed at the right. placing the label at the right puts the first line of the label directly beside the radio, which prevents overlapping when we have more lines.

Radio is used when we want the user to select just one option, and select is used when we want the users to choose more than one answer.

[cjyuan]

Your form-controls branch is 11 commits behind CYF's main. Could you update your branch, and then update your code accordingly to ensure your implementation meets the updated spec? If not, could you take a look at the updated spec in README.md and then ensure your implementation meets all the new requirements?

Other changes are good.