Survey form troubleshooting

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I got trouble on user-story number 10
please help me

code pen link: https://codepen.io/revo-villarmino/pen/JjOgbpj

*Your code so far
*Preformatted text

<!DOCTYPE html>
<html>
  <head>
    <title>FreeCodeCamp Survey Test</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <link rel="stylesheet" type="text/css" href="styles.css"/>
  </head>
  <body>
    <h1 id="title">freeCodeCamp Survey Form</h1>
    <p id="description">Thank you for taking the time to help us improve the platform</p>
    <form id="survey-form">
      <label id="name-label">Name
        <input type="text" id="name" placeholder="Enter your name" required/>
      </label>
      <label id="email-label">Email
        <input type="email" id="email" placeholder="Enter your email" required/>
      </label>
        <label id="number=label">Age 
          <input type="number" id="number" min="10" max="100" required placeholder="Enter your age"/>
      </label>
        <label>Which option best describes your current role?
        <select id="dropdown" >
        <option>Student</option>
        <option>Full Time Job</option>
        <option>Full Time Learner</option>
        <option>Prefer not to say</option>
        <option>Others</option> 
                    </select>
                    </label>
        <label for="r">Would you recommend freeCodeCamp to a friend?</label>
        <label><input type="radio" id="r" name="recommended" value="2" /> Definitely</label>
        <label><input type="radio" id="r" name="recommended" value="1" /> Maybe</label>
        <label><input type="radio" id="r" name="recommended" value="0" /> Not sure</label>
        <label for="c">What would you like to see improved?</label>
        <label><input type="checkbox" id="c" value="1"/> Front-end Projects</label>
        <label><input type="checkbox" id="c" value="2"/> Back-end Projects</label>
        <label><input type="checkbox" id="c" value="3"> Data Visualization</label>
        <label>Any comments or suggestions?<textarea placeholder="Enter your comments here"></textarea></label>
        <input type="submit" id="submit" value="submit"/>
        </form>
        </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:97.0) Gecko/20100101 Firefox/97.0

Challenge: Build a Survey Form

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-formPreformatted text

2

I’ve edited your post 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
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

3

On line 18 you typed id=“number=label” it should be id=“number-label”. you accidentally used = instead of -.

1 Like
4

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