# Build a Survey Form

**URL:** <https://forum.freecodecamp.org/t/build-a-survey-form/582140>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [January 2, 2023, 8:31pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140 "2023-01-02T20:31:28Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![a.koresh98](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/a.koresh98/32/240479_2.png) [@a.koresh98](https://forum.freecodecamp.org/u/a.koresh98)\
**Post date:** [January 2, 2023, 8:31pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140/1 "2023-01-02T20:31:28Z")

</div>

![image](https://global.discourse-cdn.com/freecodecamp/original/4X/2/e/8/2e8a79ec47cb9ecf0dc8d3883823a772bde39ba3.png)

 ![image](https://global.discourse-cdn.com/freecodecamp/original/4X/4/0/c/40c3abfd2b4df9d2de11cacc519d2c77fd64b158.png)

Hello i’m having trouble figuring out why lines 50-52 (label and fieldset elements) won’t appear in the preview but everything before and after it works. I’m absolutely baffled and any help would be appreciated.

---

<div class="post-metadata">

**Author:** ![JeremyLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jeremylt/32/291894_2.png) [@JeremyLT](https://forum.freecodecamp.org/u/JeremyLT)\
**Post date:** [January 2, 2023, 8:34pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140/2 "2023-01-02T20:34:37Z")

</div>

Please post your actual code instead of a picture. Thanks

---

<div class="post-metadata">

**Author:** ![a.koresh98](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/a.koresh98/32/240479_2.png) [@a.koresh98](https://forum.freecodecamp.org/u/a.koresh98)\
**Post date:** [January 2, 2023, 8:52pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140/3 "2023-01-02T20:52:37Z")

</div>

not entirely sure how to do that so i’ll copy and paste it in this reply. My label element under the Improvements comment (What would you like to see improved) won’t appear in my preview window.

```auto
<!--FavFeat-->
            <fieldset>
              <label for="favfeat">What is your favorite feature of freeCodeCamp</label>
              <select id="favfeat">
                <option value="">Select an option</option>
                <option value="1">Challenges</option>
                <option value="2">Projects</option>
                <option value="3">Community</option>
                <option value="4">Open Source</option>
              </fieldset>
              <!--Improvements?-->
            <fieldset>
            <label>What would you like to see improved (Check all that apply)</label>
            </fieldset>

```

---

<div class="post-metadata">

**Author:** ![a.koresh98](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/a.koresh98/32/240479_2.png) [@a.koresh98](https://forum.freecodecamp.org/u/a.koresh98)\
**Post date:** [January 2, 2023, 8:57pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140/4 "2023-01-02T20:57:01Z")

</div>

I changed my code above to test if I could type other stuff into the preview window. The checkbox for “front end project” appears, however the “what would you like to see improved” text does not.

```auto
<!--FavFeat-->
            <fieldset>
              <label for="favfeat">What is your favorite feature of freeCodeCamp</label>
              <select id="favfeat">
                <option value="">Select an option</option>
                <option value="1">Challenges</option>
                <option value="2">Projects</option>
                <option value="3">Community</option>
                <option value="4">Open Source</option>
              </fieldset>
              <!--Improvements?-->
            <fieldset>
            <label>What would you like to see improved (Check all that apply)</label>
            <input id="front-end-projects" type="checkbox" value="front-end-projects"><label>Front-end projects</label>
            </fieldset>

```

---

<div class="post-metadata">

**Author:** ![JeremyLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jeremylt/32/291894_2.png) [@JeremyLT](https://forum.freecodecamp.org/u/JeremyLT)\
**Post date:** [January 2, 2023, 9:03pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140/5 "2023-01-02T21:03:08Z")

</div>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (`</>`) to add backticks around text.

 ![Pre-formatted-text](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (').

---

<div class="post-metadata">

**Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\
**Post date:** [January 2, 2023, 9:34pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140/6 "2023-01-02T21:34:41Z")

</div>

please post all your code (from top to bottom)

---

<div class="post-metadata">

**Author:** ![JeremyLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jeremylt/32/291894_2.png) [@JeremyLT](https://forum.freecodecamp.org/u/JeremyLT)\
**Post date:** [January 2, 2023, 10:29pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140/8 "2023-01-02T22:29:42Z")

</div>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (`</>`) to add backticks around text.

 ![Pre-formatted-text](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (').

---

<div class="post-metadata">

**Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\
**Post date:** [January 2, 2023, 10:56pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140/9 "2023-01-02T22:56:50Z")

</div>

looks like you have enough syntax errors here to possibly cause the browser to get confused (which affects what you see).

Can you paste your code into the online validator below and try to fix all the errors you see? (You can ignore the warnings and info reports)

> **[The W3C Markup Validation Service](https://validator.w3.org/#validate_by_input)**
>
> W3C's easy-to-use
> markup validation service, based on SGML and XML parsers.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [July 4, 2023, 10:56am UTC](https://forum.freecodecamp.org/t/build-a-survey-form/582140/10 "2023-07-04T10:56:55Z")

</div>

Closed on July 4, 2023, 10:56am UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.