I appreciate any feedback for my survey form. Quickly realized that writing up css without any clear design direction led to an excessive amount of code used.
Your form looks good @BrandenEv. Some things to revisit;
- Run your HTML code through the W3C validator.
- There are HTML syntax/coding errors you should be aware of and address.
- Since copy/paste from codepen you can ignore the first warning and first two errors.
- Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
- The one for CSS is good. Use it and address the issue(s). (be wary of duplicating selectors. it can make maintenance a nightmare)
- (The one for HTML misses things which is why I recommend W3C)
It’s a nit but Latin is a dead language and the placeholder text should contain the format the user is to enter so “e.g.” is not necessary.
Nicely done. Just a few suggestions:
- Use a
<fieldset> and <legend>
for the checkbox and radio button groupings. Also, I would not put them in a list. There are other ways to format them using CSS (and you could add some helper<div>
s if needed). - All
<input>
s,<select>
s, and<textarea>
s need a<label>
.
2 Likes
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.