# Survey Form - please provide your valuable feedbacks

**URL:** <https://forum.freecodecamp.org/t/survey-form-please-provide-your-valuable-feedbacks/394452>\
**Category:** I Built This\
**Created:** [May 26, 2020, 2:26pm UTC](https://forum.freecodecamp.org/t/survey-form-please-provide-your-valuable-feedbacks/394452 "2020-05-26T14:26:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gsatyamsingh2001](https://avatars.discourse-cdn.com/v4/letter/g/c4cdca/32.png) [@gsatyamsingh2001](https://forum.freecodecamp.org/u/gsatyamsingh2001)\
**Post date:** [May 26, 2020, 2:26pm UTC](https://forum.freecodecamp.org/t/survey-form-please-provide-your-valuable-feedbacks/394452/1 "2020-05-26T14:26:36Z")

</div>

Just finished this survey form project…  
[Have a look at the Survey form](https://codepen.io/11bd6f04-039f-4ad8-af72-b5c35fd1bae4/full/WNvqyWq) and provide your feedbacks.  
🙂 🙂 🙂

---

<div class="post-metadata">

**Author:** ![codeofdreams](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/codeofdreams/32/203269_2.png) [@codeofdreams](https://forum.freecodecamp.org/u/codeofdreams)\
**Post date:** [May 26, 2020, 6:09pm UTC](https://forum.freecodecamp.org/t/survey-form-please-provide-your-valuable-feedbacks/394452/2 "2020-05-26T18:09:36Z")

</div>

It looks so much more professional then mine 🙂

---

<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:** [May 29, 2020, 12:42am UTC](https://forum.freecodecamp.org/t/survey-form-please-provide-your-valuable-feedbacks/394452/3 "2020-05-29T00:42:00Z")

</div>

Your form looks good @gsatyamsingh2001. 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 `<head>` click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for \<head\>’ box.
  - Mentioning because the two script links would not go between the `head` and `body` elements. The font-awesome script belong in the `head` and the test script (being JS) would go right before the closing `body` tag.
  - Also, there’s a button codepen provides so you can add that `meta` tag.

- When you take care of the above, run your HTML code through the [W3C validator](https://validator.w3.org/#validate_by_input).
  - Since copy/paste from codepen you can ignore the first warning and first two errors.
  - There are coding errors you should address.

- 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.
  - The one for HTML misses things which is why I recommend W3C
  - The one for CSS is good. Run it. You have a couple of typo’s. (After you correct the first one you may have to run it again if you don’t see both the first time.)

---

<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:18pm UTC](https://forum.freecodecamp.org/t/survey-form-please-provide-your-valuable-feedbacks/394452/4 "2021-06-01T13:18:38Z")

</div>


