Skip to content

London | 2-ITP-Sept | Hugh Mills| Sprint 1 | Form Controls - #1473

Open
HM-127BTY wants to merge 5 commits into
CodeYourFuture:mainfrom
HM-127BTY:feature/form-controls
Open

London | 2-ITP-Sept | Hugh Mills| Sprint 1 | Form Controls#1473
HM-127BTY wants to merge 5 commits into
CodeYourFuture:mainfrom
HM-127BTY:feature/form-controls

Conversation

@HM-127BTY

@HM-127BTY HM-127BTY commented Sep 7, 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

CYF-1004

Added in code as instructed in the readme.md for Form Control.
added requirements for Name, Email, Colour and Size.
Added input buttons for Submit and Reset
Changed text at end to have my name.

@netlify

netlify Bot commented Sep 7, 2026

Copy link
Copy Markdown

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 06eac62
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a9ed6e5d8f26d000884bff5
😎 Deploy Preview https://deploy-preview-1473--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: 91 (🔴 down 9 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.

@github-actions

This comment has been minimized.

@HM-127BTY HM-127BTY added 📅 Sprint 1 Assigned during Sprint 1 of this module Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Sep 7, 2026
@Luro91 Luro91 added the Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. label Sep 10, 2026
Comment thread Form-Controls/index.html

@Luro91 Luro91 Sep 10, 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.

The lighthouse Accessibility score is below 100. How can you achieve 100?

Comment thread Form-Controls/index.html
<form>
<div>
<label for="name">Name:</label>
<input type="text" id="name" placeholder="Hugh Mills" pattern=".*\S.*\S.*." required>

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 validation does not allow special characters like the German ä,ü,ö or Russian ед

Comment thread Form-Controls/index.html
<label for="size">XL:</label>
<input type="radio" name="size" value="xl">
<label for="size">XXL:</label>
<input type="radio" name="size" value="xxl">

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)

@Luro91 Luro91 added Reviewed Volunteer to add when completing a review with trainee action still to take. 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 10, 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. 📅 Sprint 1 Assigned during Sprint 1 of this module

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants