London | 26-ITP-Sept | Fung Nin Lee | Sprint 1 | Forms Control - #1484
London | 26-ITP-Sept | Fung Nin Lee | Sprint 1 | Forms Control #1484leerogerfn wants to merge 9 commits into
Conversation
✅ Deploy Preview for cyf-onboarding-module ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
2 similar comments
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
hey-hammad
left a comment
There was a problem hiding this comment.
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.
| <h1>Product Pick</h1> | ||
| <fieldset> | ||
| <legend>Product Pick</legend> | ||
| </header> |
There was a problem hiding this comment.
Can you please review the header tag, there is no opening <header> tag.
| <input type="text" id="name" name="name" pattern=".*\S.*\S.*"> | ||
| <div> | ||
| <label for="email">Email</label> | ||
| <input type="email" id="email" name="email"> |
There was a problem hiding this comment.
The task says all fields are required. How will the form prevent submission if the user leaves the name, email, colour, or size blank?
| </main> | ||
| </fieldset> | ||
|
|
||
| <button type="submit">submit</button> |
There was a problem hiding this comment.
The submit button currently doesn't do anything, will moving to another place fix this?
| <label for="email">Email</label> | ||
| <input type="email" id="email" name="email"> | ||
| </div> | ||
| <p></p> |
There was a problem hiding this comment.
is there a reason for adding empty <p> tag here?
| <body> | ||
| <header> | ||
| <h1>Product Pick</h1> | ||
| <fieldset> |
There was a problem hiding this comment.
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

Learners, PR Template
Self checklist
Task code
CYF-1004
Changelist