Birmingham | MAY 2026 | Ogbemi Mene | Sprint 1 | Form control#1294
Birmingham | MAY 2026 | Ogbemi Mene | Sprint 1 | Form control#1294meneogbemi42-bit wants to merge 13 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.
1 similar comment
This comment has been minimized.
This comment has been minimized.
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>T-shirt sales</title> | ||
| <link rel="stylesheet" href="Untitled-1.css"> |
There was a problem hiding this comment.
What else could you use as file name for the stylesheet to adhere more to standard naming?
| <link rel="stylesheet" href="Untitled-1.css"> | ||
| </head> | ||
|
|
||
| <body> |
There was a problem hiding this comment.
I see 3 errors when checking the file in the w3 validator. How can you fix them?
|
|
||
| <div> | ||
| <label for="name">NAME</label> | ||
| <input type="text" name="name" id="name" placeholder="name" value="name" required> |
There was a problem hiding this comment.
How can you ensure that the name has at least 2 characters?
|
|
||
| <label for="size">size of T-shirt</label> | ||
|
|
||
| <select name="size" id="size" required> |
| <label for="size">size of T-shirt</label> | ||
|
|
||
| <select name="size" id="size" required> | ||
| <option value="XS">XS</option> |
There was a problem hiding this comment.
There is an error in the w3 validator:
Error: The first child option element of a select element with a required attribute, and without a multiple attribute, and without a size attribute whose value is greater than 1, must have either an empty value attribute, or must have no text content. Consider either adding a placeholder option label, or adding a size attribute with a value equal to the number of option elements.
Luro91
left a comment
There was a problem hiding this comment.
Please address the comments from my last review
There was a problem hiding this comment.
Why did you add this new file? untitled-1 is not a clear file name.
There was a problem hiding this comment.
i was a mistake i only saved that wrongly on the file folder. it was a practice i did from the practice video from the curriculum.
|
i have address the last review here, and to pass the w3 validator the can not left empty. hence i left the character choose a colour and select size respectively. |
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>T-shirt sales</title> | ||
| <link rel="stylesheet" href="Untitled-1.css"> |
| <div> | ||
| <label for="name">NAME</label> | ||
| <input type="text" name="name" id="name" placeholder="name" value="name" minlength="2" maxlength="100" required> | ||
| </div> |
There was a problem hiding this comment.
The formatting standard for HTML elements is to use indentation on children elements. This makes it easier to understand the structure. How can you ensure consistent formatting in your code automatically?



Learners, PR Template
Self checklist
Changelist
on this pull request i created my own form from the beginning with html and css files