First Attempt Survey Form

First Attempt Survey Form
0

Here is the Survey Form that I completed, tell me what you think and how I can make this better. Thank
You.

https://codepen.io/cfountain931/full/GRKxvrE

Hi,

Overall you seem to have a good grasp of the different element of a form along with formatting these elements. A few quick points of feedback to make it even better though.

In the checkboxes, the label tag is supposed to only surround the label portion of the line item. Ex

<li>
   <label>
   <input type="checkbox" name="Position" value="midfielder"> Midfielder
   </label>
</li>

should instead be

<li>
   <input type="checkbox" name="Position" value="midfielder">
   <label>Midfielder</label>
</li>

And if you want to be extra fancy, you can try using the label’s attribute for. You define an id attribute in each input tag, then the label tag that goes with the input gets a for equal to the id. Ex:

<li>
   <input type="checkbox" name="Position" value="midfielder" id="midfielder">
   <label for="midfielder">Midfielder</label>
</li>

this ties the two items together, and for checkboxes and ratio boxes allows you to click the label to select the item.

Great first attempt at a form page!

I personally think that you background should be ONE whole image.
The <textArea> comment section should be bigger (at least 200x100).

At all else, good job.