Skip to content

Glasgow | Jan-26 | Abraham Habte | Sprint 2 | form control#1016

Closed
Abrsh100 wants to merge 3 commits into
CodeYourFuture:mainfrom
Abrsh100:form-control
Closed

Glasgow | Jan-26 | Abraham Habte | Sprint 2 | form control#1016
Abrsh100 wants to merge 3 commits into
CodeYourFuture:mainfrom
Abrsh100:form-control

Conversation

@Abrsh100
Copy link
Copy Markdown

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

Changelist

creatining all the requerd form with requirment and placeholders

Questions

No Questions

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 23, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit b0b9d70
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6982487ead5a070008a8c899
😎 Deploy Preview https://deploy-preview-1016--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: 86 (no change from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@Abrsh100 Abrsh100 added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jan 23, 2026
Copy link
Copy Markdown

@LonMcGregor LonMcGregor left a comment

Choose a reason for hiding this comment

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

Good start on this task, I've left some comments with pointers

Comment thread Form-Controls/index.html Outdated
<span>Customer Name: </span>
<strong><span aria-label="required">*</span></strong>
</label>
<input type="text" id="name" name="customer-name" required pattern="[A-Za-z\s\.]+" minlength="2" maxlength="40"/>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Some people have very long names,how would your application react to this?

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.

I just think that most name is not more than 40 character but if the name is more than than I can delete teh maxlength and then there will be no limit for the name character

Comment thread Form-Controls/index.html
<span>Email: </span>
<strong><span aria-label="required">*</span></strong>
</label>
<input type="email" id="email" name="customer-mail" required minlength="5" maxlength="50" placeholder="example@gmail.com" />
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

same comment as for the names, if they have a very long email, would they still be able to use your app?

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.

I just limit the length in to 50, but if i thought that there is email more than that i can change the maxlenght to more than 50

Comment thread Form-Controls/index.html
<span>Color:</span>
<strong><span aria-label="required">*</span></strong>
</label>
<select id="color preference" name="color preference">
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

You offer one of the options pre-selected here. What do you think would happen if someone pressed the "enter" key thinking it would take them through the form to make choices?

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.

based on this the color is selected by default, but I can add another option in which it will not select a color but disable it

@LonMcGregor LonMcGregor 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. labels Jan 28, 2026
@Abrsh100 Abrsh100 added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. and removed Reviewed Volunteer to add when completing a review with trainee action still to take. labels Feb 2, 2026
@LonMcGregor
Copy link
Copy Markdown

Good work adding a default for colour - maybe you could also do the same for size? It's always good to see if something you learn in one area can be applied elsewhere.

As for removing maximums - have another read of the README file. It contains the spec for this task. It gives a minimum, but never specifies a maximum. What do you think that means?

@LonMcGregor LonMcGregor 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. labels Feb 2, 2026
@Abrsh100
Copy link
Copy Markdown
Author

Abrsh100 commented Feb 3, 2026

Thanks i read the README file it does not specify the maximum that means no need to have a maximam limitation so I omit it

@Abrsh100 Abrsh100 added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. and removed Reviewed Volunteer to add when completing a review with trainee action still to take. labels Feb 3, 2026
@LonMcGregor
Copy link
Copy Markdown

Great! this task is complete now.

@LonMcGregor LonMcGregor 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. labels Feb 4, 2026
@illicitonion
Copy link
Copy Markdown
Member

Closing PR because the January ITP run has finished. Feel free to re-open if you're still working on it.

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.

3 participants