London | 26-ITP-May | Vito Moratti | Sprint 1 | Feature/form controls#1396
London | 26-ITP-May | Vito Moratti | Sprint 1 | Feature/form controls#1396vmoratti wants to merge 7 commits into
Conversation
✅ Deploy Preview for cyf-onboarding-module ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
| <legend>Name and Email address</legend> | ||
| <!--Adding <legend> element for accessibility purposes--> | ||
| <label for="name">Name</label> | ||
| <input type="text" id="name" name="name" minlength="2" pattern="[a-zA-Z]+" required><br><br> |
There was a problem hiding this comment.
This does not allow special characters like the German ä,ü,ö
There was a problem hiding this comment.
I have made an adjustment to allow for German characters
There was a problem hiding this comment.
How can you allow all valid characters for all languages? Like Chinese, Russian and others
There was a problem hiding this comment.
I have made an adjustment to the name field.
I was doing it wrong, i was applying alphabet allowances where all alphabets are allowed anyway with UTF-8 i believe. So, all i needed to do is only make restrictions on two non space characters.
| <title>My form exercise</title> | ||
| <meta name="description" content="" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| <link rel="stylesheet" href="style.css" /> |
There was a problem hiding this comment.
Good job that you separated the CSS into its own file—that’s an excellent best practice and will make your code much easier to read, debug, and maintain as it grows.
Updated name input pattern to include accented characters.
Updated input fields for name and radio buttons for color and size to remove unnecessary 'required' attributes.
Luro91
left a comment
There was a problem hiding this comment.
Well done the code works as expected and easy to read.

Learners, PR Template
Self checklist
Changelist
I was struggling with "push" and with PRs. I had to delete previous branches and start from scratch.
I hope it works this time.