# Please could I have some feed back from my survey form?

**URL:** <https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582>\
**Category:** I Built This\
**Created:** [March 17, 2019, 1:08pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582 "2019-03-17T13:08:15Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hannahllmm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hannahllmm/32/88662_2.png) [@Hannahllmm](https://forum.freecodecamp.org/u/Hannahllmm)\
**Post date:** [March 17, 2019, 1:08pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/1 "2019-03-17T13:08:15Z")

</div>

I’ve just completed my survey form! I’m really really proud of it, but I’m new to coding so there’s probably some places that need improving. If you have any feed back that would be wonderful. Thank you 😁

Here’s my survey form:  
[https://codepen.io/HannahLM/pen/XGzrPL](https://codepen.io/HannahLM/pen/XGzrPL)

User Agent is: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.121 Safari/537.36`.

---

<div class="post-metadata">

**Author:** ![Steffan153](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/steffan153/32/119621_2.png) [@Steffan153](https://forum.freecodecamp.org/u/Steffan153)\
**Post date:** [March 17, 2019, 1:15pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/2 "2019-03-17T13:15:23Z")

</div>

It looks great, other than the textarea flows over the container area, and the submit button never gets enabled.

---

<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:** [March 17, 2019, 1:45pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/3 "2019-03-17T13:45:35Z")

</div>

Hi @Hannahllmm

You have some errors in your HTML code. An id must be unique and used only once. You have some that are used more than once. You can see this by validating your code. In codepen, in the html section there’s an arrow in the upper right. Click on it and “Analyze HTML”. You should go back and correct those.  
You also have a lot of unnecessary div’s

Overall, your forms style looks good.

---

<div class="post-metadata">

**Author:** ![Hannahllmm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hannahllmm/32/88662_2.png) [@Hannahllmm](https://forum.freecodecamp.org/u/Hannahllmm)\
**Post date:** [April 13, 2019, 8:54am UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/4 "2019-04-13T08:54:03Z")

</div>

Thank you for responding, sorry it’s a delayed reply!I think I have sorted the submit button, could you explain what do you mean by “the textarea flows over the container area” I cant see this happening visually when I resize the page.

---

<div class="post-metadata">

**Author:** ![Hannahllmm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hannahllmm/32/88662_2.png) [@Hannahllmm](https://forum.freecodecamp.org/u/Hannahllmm)\
**Post date:** [April 13, 2019, 8:56am UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/5 "2019-04-13T08:56:38Z")

</div>

Thank you for pointing out this feature on code pen!! This is extremely helpful. Could you possible give an example of unnecessary divs?? I’ve tried locating them but when I delete them it changed the aesthetic of the page. Thank you

---

<div class="post-metadata">

**Author:** ![Steffan153](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/steffan153/32/119621_2.png) [@Steffan153](https://forum.freecodecamp.org/u/Steffan153)\
**Post date:** [April 13, 2019, 2:03pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/6 "2019-04-13T14:03:14Z")

</div>

I don’t know what happened. I can’t get it to do that anymore either. What I meant is, that the textarea got bigger than that white box that has the form. But it doesn’t do that anymore. Also, I noticed that the button actually isn’t disabled, but it looks like it is. Here are some things you could do to make it look enabled:

- Make the background color a tad darker
- Add “cursor: pointer;” to give it the pointer look when you hover over it, so it looks clickable.
- Add a hover to it, where you can set the background color to a bit darker one.

The form is looking good though!

Caleb

---

<div class="post-metadata">

**Author:** ![Steffan153](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/steffan153/32/119621_2.png) [@Steffan153](https://forum.freecodecamp.org/u/Steffan153)\
**Post date:** [April 13, 2019, 2:16pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/7 "2019-04-13T14:16:59Z")

</div>

If you’re not sure what I mean, you can have a look at my pen (I forked yours): [https://codepen.io/phpdude/pen/VNzxOy](https://codepen.io/phpdude/pen/VNzxOy)

---

<div class="post-metadata">

**Author:** ![brandon\_wallace](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/brandon_wallace/32/198757_2.png) [@brandon\_wallace](https://forum.freecodecamp.org/u/brandon_wallace)\
**Post date:** [April 13, 2019, 2:27pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/8 "2019-04-13T14:27:39Z")

</div>

@Hannahllmm All of this is just my opinion.

1. Your “Name, Age, Email” fields are labeled and they have placeholders stating the same information. This could be considered redundant. Maybe you only need one or the other.
2. I feel that the light blue and green are not complementing each other.
3. Add an image, icons, or SVG to your form?
4. The paragraph has rounded corners but the other divs do not.

What do you think?

---

<div class="post-metadata">

**Author:** ![Hannahllmm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hannahllmm/32/88662_2.png) [@Hannahllmm](https://forum.freecodecamp.org/u/Hannahllmm)\
**Post date:** [April 13, 2019, 5:05pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/9 "2019-04-13T17:05:13Z")

</div>

Thank you so much for this!! It looks really good, makes a huge difference

---

<div class="post-metadata">

**Author:** ![Hannahllmm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hannahllmm/32/88662_2.png) [@Hannahllmm](https://forum.freecodecamp.org/u/Hannahllmm)\
**Post date:** [April 13, 2019, 6:01pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/10 "2019-04-13T18:01:01Z")

</div>

Thank you responding to me! Haha I’m not sure I can get on board with your first three suggestions but I’ve changed the borders on the survey and I think it looks a lot better!

---

<div class="post-metadata">

**Author:** ![Steffan153](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/steffan153/32/119621_2.png) [@Steffan153](https://forum.freecodecamp.org/u/Steffan153)\
**Post date:** [April 13, 2019, 6:12pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/11 "2019-04-13T18:12:10Z")

</div>

Thanks! It’s looking great now. 😃 Here are my last few suggestions, but they’re just my opinion – you can decide if you want to use them, or not:

- Maybe make the inputs round.
- By default, the select box’s background is a gradient (at least in Chrome). I like to make all the form inputs and select boxes all have the same background color (maybe white, whatever you like)

Caleb

---

<div class="post-metadata">

**Author:** ![brandon\_wallace](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/brandon_wallace/32/198757_2.png) [@brandon\_wallace](https://forum.freecodecamp.org/u/brandon_wallace)\
**Post date:** [April 13, 2019, 6:14pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/12 "2019-04-13T18:14:12Z")

</div>

Yes, I only made suggestions on what could possibly be improved based on my opinion.

---

<div class="post-metadata">

**Author:** ![Hannahllmm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hannahllmm/32/88662_2.png) [@Hannahllmm](https://forum.freecodecamp.org/u/Hannahllmm)\
**Post date:** [April 13, 2019, 7:15pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/13 "2019-04-13T19:15:33Z")

</div>

Thank you for your comments! I’ve made a few tweaks

---

<div class="post-metadata">

**Author:** ![Steffan153](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/steffan153/32/119621_2.png) [@Steffan153](https://forum.freecodecamp.org/u/Steffan153)\
**Post date:** [April 13, 2019, 7:18pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/14 "2019-04-13T19:18:30Z")

</div>

It looks great! 😃 I have one more suggestion, and that is to give the inputs a different border, like ‘1px solid #ccc’.

---

<div class="post-metadata">

**Author:** ![Hannahllmm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hannahllmm/32/88662_2.png) [@Hannahllmm](https://forum.freecodecamp.org/u/Hannahllmm)\
**Post date:** [April 13, 2019, 7:23pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/15 "2019-04-13T19:23:27Z")

</div>

> [@Steffan153](#):
>
> 1px solid #ccc

Perfect! I was trying to figure out a way to do this but couldn’t figure it out

---

<div class="post-metadata">

**Author:** ![Steffan153](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/steffan153/32/119621_2.png) [@Steffan153](https://forum.freecodecamp.org/u/Steffan153)\
**Post date:** [April 13, 2019, 7:32pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/16 "2019-04-13T19:32:43Z")

</div>

Thanks! The form looks great now. 👍 In my opinion, it’s ready to go to freeCodeCamp. 😃

---

<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:** [February 6, 2021, 1:39pm UTC](https://forum.freecodecamp.org/t/please-could-i-have-some-feed-back-from-my-survey-form/265582/17 "2021-02-06T13:39:16Z")

</div>


