Skip to content

London | 26-ITP-Sep | Phoebe Wong | Sprint 1 | Form Controls - #1477

Open
wongphoebe wants to merge 8 commits into
CodeYourFuture:mainfrom
wongphoebe:feature/form-controls
Open

London | 26-ITP-Sep | Phoebe Wong | Sprint 1 | Form Controls#1477
wongphoebe wants to merge 8 commits into
CodeYourFuture:mainfrom
wongphoebe:feature/form-controls

Conversation

@wongphoebe

@wongphoebe wongphoebe commented Sep 8, 2026

Copy link
Copy Markdown

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

Create form for data collection about T-shirt purchase.

  • Create Field for Name (regex added) and Email input
  • Create Radio Buttons for colour and size selection
  • Add submit and reset buttons
  • Make all field required

Questions

I'd like to know if CSS is mainly for formatting the style of the form? Because I completed this task without using CSS, but is trying to know if I should. Thanks.

@netlify

netlify Bot commented Sep 8, 2026

Copy link
Copy Markdown

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 531582e
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a9fe94e50868c000864a963
😎 Deploy Preview https://deploy-preview-1477--cyf-onboarding-module.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
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.

@wongphoebe wongphoebe added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 10, 2026
@github-actions

This comment has been minimized.

@github-actions github-actions Bot removed the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 10, 2026
@wongphoebe wongphoebe added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 10, 2026
@github-actions

This comment has been minimized.

@github-actions github-actions Bot removed the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 10, 2026
@github-actions

This comment has been minimized.

1 similar comment
@github-actions

This comment has been minimized.

@wongphoebe wongphoebe added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 10, 2026
@Luro91 Luro91 added the Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. label Sep 11, 2026

@Luro91 Luro91 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well done the code works as expected and easy to read.

Comment thread Form-Controls/index.html


<!-- Radio Button for T-shirt Size-->
<fieldset>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

FYI: I would change the form types. Radio buttons are good if there are not to many options to choose from. Space on a web page is precious and for inputs with a lot of options a dropdown can save a lot of space. (You don't need to change anything. This is just an information on the different input types)

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Got it and absolutely agree with that. Thank you so much!

@Luro91 Luro91 added Complete Volunteer to add when work is complete and all review comments have been addressed. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. labels Sep 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Complete Volunteer to add when work is complete and all review comments have been addressed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants