-
-
Notifications
You must be signed in to change notification settings - Fork 415
Glasgow | Jan-26 | Abraham Habte | Sprint 2 | form control #1016
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
…l as placeholders
✅ Deploy Preview for cyf-onboarding-module ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
LonMcGregor
left a comment
There was a problem hiding this 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
| <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"/> |
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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
| <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" /> |
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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
| <span>Color:</span> | ||
| <strong><span aria-label="required">*</span></strong> | ||
| </label> | ||
| <select id="color preference" name="color preference"> |
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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
|
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? |

Self checklist
Changelist
creatining all the requerd form with requirment and placeholders
Questions
No Questions