Skip to content

London | 26-ITP-May | Daniel Mears | Sprint 1 | Form Controls#1261

Open
djmears-dev wants to merge 5 commits into
CodeYourFuture:mainfrom
djmears-dev:form-controls
Open

London | 26-ITP-May | Daniel Mears | Sprint 1 | Form Controls#1261
djmears-dev wants to merge 5 commits into
CodeYourFuture:mainfrom
djmears-dev:form-controls

Conversation

@djmears-dev
Copy link
Copy Markdown

  • 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

@netlify
Copy link
Copy Markdown

netlify Bot commented May 13, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit c387df0
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a230f7c3ede070008cbf571
😎 Deploy Preview https://deploy-preview-1261--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: 99 (🔴 down 1 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.

@djmears-dev djmears-dev added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 13, 2026
@Luro91 Luro91 added the Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. label May 14, 2026
Copy link
Copy Markdown

@Luro91 Luro91 left a comment

Choose a reason for hiding this comment

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

When I run lighthouse in Google chrome I don't get a score of 100. How did you test this?

Image Image

Comment thread Form-Controls/index.html Outdated

<label for="name">Customer Name:</label>

<input
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

I find the code hard to read because of the formatting (indentation). How can you ensure consistent formatting in your code?

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.

Hi i've now formatted the code using prettier to make it more readable, i have also assured that the lighthouse accessibility is 100

Comment thread Form-Controls/style.css
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 styling of the form looks nice

Comment thread Form-Controls/index.html Outdated
Comment on lines +24 to +33
pattern=".*\S.{1,}.*"
>
<br><br>
<label for="email">Email Address:</label>

<input
type="email"
id="email"
name="email"
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.

Good job on the validations and making things required

@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 May 14, 2026
@djmears-dev djmears-dev added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jun 5, 2026
@Luro91 Luro91 added the Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. label Jun 6, 2026
Copy link
Copy Markdown

@Luro91 Luro91 left a comment

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
Comment on lines +41 to +56
<input type="radio" id="xs" name="size" value="XS" required />
<label for="xs">XS</label>

<input type="radio" id="s" name="size" value="S" />
<label for="s">S</label>

<input type="radio" id="m" name="size" value="M" />
<label for="m">M</label>

<input type="radio" id="l" name="size" value="L" />
<label for="l">L</label>

<input type="radio" id="xl" name="size" value="XL" />
<label for="xl">XL</label>

<input type="radio" id="xxl" 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 switch around 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 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. Reviewed Volunteer to add when completing a review with trainee action still to take. Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. labels Jun 6, 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