Survey Form Project!

Code Feedback
1

Hello everyone! I have finished yet again another project for this day! Definitely feeling productive :laughing: I hope you can check out my survey form and leave any comment or opinion! :relaxed: Thank you!!!

2

Hey, one quick thing, your labels at the top arenā€™t functioning properly. Some of them donā€™t have a for attribute and the one that does isnā€™t pointing to the id of the element it is a label for. Also, the textarea needs a label.

3

Ohhh I thought the for attribute was only necessary for radio and checkbox inputs :laughing: so I didnā€™t include it, thank you!!

4

the ā€œforā€ attribute is necessary. it makes your page quite accessible by screen readers

5

Also Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ā€˜Analyzeā€™ link.
it checks for mistakes in your code so that you can correct it

6

ohhh i didnā€™t know this, itā€™s my first time using codepen. Iā€™ve been using my local text editor for coding so Iā€™m not really familiar with using it.

7

Your form looks good @bonifacio.chloe. Some things to revisit;

  • change the cursor to a pointer when hovering over the submit button
  • itā€™s a nit but ideally the placeholder text should not mirror the label. Youā€™d want it to show an example of the format the user should enter
8

Thank youuu, Iā€™ll keep this in mind when I create forms in the future :blush: I got used to making the placeholder the same as the label, I should really reflect on that hahaha.