# Feedback on second project

**URL:** <https://forum.freecodecamp.org/t/feedback-on-second-project/426817>\
**Category:** I Built This\
**Created:** [October 23, 2020, 2:46pm UTC](https://forum.freecodecamp.org/t/feedback-on-second-project/426817 "2020-10-23T14:46:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![shazuka098](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/shazuka098/32/177803_2.png) [@shazuka098](https://forum.freecodecamp.org/u/shazuka098)\
**Post date:** [October 23, 2020, 2:46pm UTC](https://forum.freecodecamp.org/t/feedback-on-second-project/426817/1 "2020-10-23T14:46:50Z")

</div>

Need some feed back on my survey form because I made it by self learning and I also know that I have to learn about a lot of thing in this field but I just try and figure sol on my on .So feel free for anything and let me know what you think about it.

Her is my pen  
“[https://codepen.io/MaryamJahangir/full/LYNQeOQ](https://codepen.io/MaryamJahangir/full/LYNQeOQ)”  
And again thanks!

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [October 23, 2020, 3:29pm UTC](https://forum.freecodecamp.org/t/feedback-on-second-project/426817/2 "2020-10-23T15:29:24Z")

</div>

Your form looks good @shazuka098. Some things to revisit;

- Codepen provides the boilerplate for you. It only expects the code you’d put within the `body` element in HTML. (No need to include the `body` tags). For anything you want to add to the `<head>` element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for \<head\>’ box.
  - The link to the font goes in the box labeled ‘Stuff for \<head\>’

- Run your HTML code through the [W3C validator](https://validator.w3.org/#validate_by_input).
  - There are HTML coding errors you should be aware of and address.

- User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox.
  - In your first set of radio buttons there’s a duplicate `id` that prevents the user from selecting female when clicking on the label and a mismatched “for” and “id” for the other’s label.

- change the cursor to a pointer when hovering over the submit button
- Do not use the `<br>` element to force line breaks or spacing. That’s what CSS is for.
- You have not given the user a way to select multiple options from the dropdown
- This is minor but if you’ve ever filled out a form on-line you may have noticed that required fields are marked with an asterisk.
  - You’ve done this for only three of the required four fields in your form. Why not mark the fourth also?

> **[: The Line Break element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br)**
>
> The HTML br element produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.

> **[DevDocs](https://devdocs.io/html/element/br)**

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 1:09pm UTC](https://forum.freecodecamp.org/t/feedback-on-second-project/426817/3 "2021-06-01T13:09:51Z")

</div>

Closed on June 1, 2021, 1:09pm UTC