Skip to content

London | 26-ITP-Sept | Fung Nin Lee | Sprint 1 | Forms Control - #1484

Open
leerogerfn wants to merge 9 commits into
CodeYourFuture:mainfrom
leerogerfn:feature/form-controls
Open

London | 26-ITP-Sept | Fung Nin Lee | Sprint 1 | Forms Control #1484
leerogerfn wants to merge 9 commits into
CodeYourFuture:mainfrom
leerogerfn:feature/form-controls

Conversation

@leerogerfn

@leerogerfn leerogerfn commented Sep 9, 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

  1. initial set up.
  2. submit form requirements.
  3. added fieldset for the form
  4. added customer name
  5. added email address
  6. added color with 3 options
  7. added size for 6 options
  8. added submit button
  9. final version

@netlify

netlify Bot commented Sep 9, 2026

Copy link
Copy Markdown

Deploy Preview for cyf-onboarding-module ready!

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

@github-actions

This comment has been minimized.

@leerogerfn leerogerfn closed this Sep 9, 2026
@leerogerfn leerogerfn reopened this Sep 9, 2026
@github-actions

This comment has been minimized.

2 similar comments
@github-actions

This comment has been minimized.

@github-actions

This comment has been minimized.

@leerogerfn leerogerfn added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 9, 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 9, 2026
@leerogerfn leerogerfn added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 9, 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 9, 2026
@leerogerfn leerogerfn added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 9, 2026
@hey-hammad hey-hammad added Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Sep 11, 2026

@hey-hammad hey-hammad 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.

Good work overall! The form is clear and covers the main requirements. A few small improvements to structure, validation, and accessibility would make it stronger.

Comment thread Form-Controls/index.html
<h1>Product Pick</h1>
<fieldset>
<legend>Product Pick</legend>
</header>

@hey-hammad hey-hammad Sep 11, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Can you please review the header tag, there is no opening <header> tag.

Comment thread Form-Controls/index.html
<input type="text" id="name" name="name" pattern=".*\S.*\S.*">
<div>
<label for="email">Email</label>
<input type="email" id="email" name="email">

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

The task says all fields are required. How will the form prevent submission if the user leaves the name, email, colour, or size blank?

Comment thread Form-Controls/index.html
</main>
</fieldset>

<button type="submit">submit</button>

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

The submit button currently doesn't do anything, will moving to another place fix this?

Comment thread Form-Controls/index.html
<label for="email">Email</label>
<input type="email" id="email" name="email">
</div>
<p></p>

@hey-hammad hey-hammad Sep 11, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

is there a reason for adding empty <p> tag here?

Comment thread Form-Controls/index.html
<body>
<header>
<h1>Product Pick</h1>
<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.

Please review the fieldset tags, think about the correct placement when building a form, more on this in the link below. Thanks

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/fieldset

@hey-hammad hey-hammad added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed 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

Reviewed Volunteer to add when completing a review with trainee action still to take.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants