Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

my #name-label is in my code, but my test still shows wrong

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:106.0) Gecko/20100101 Firefox/106.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Please show your code!

3

m<DOCTYPE! html>

SURVEY FORM

freeCodeCamp Survey Form

Thank you,For taking the time to help us improve the platform

<div class="label-inputs"

Name

    <label id="email-label">
   <p>   Email</p>
    <input type="email" id="email" placeholder ="Email" required>
    </label>
    <label id="number-label">
     <p> Age(optional)</p>
    <input type="number" id="number" placeholder="Age" min="2" max="3" required>
    </label>  
    </div class="Select -one">
    <div>



What option decribes your current role



<div class="Label-input 2"

Would you recommend freecodecamp to a friend

Definitely

Maybe

Not sure

What your favourite feature in freecodecamp

What Would you like to see improved?(Check all that apply)

Front-end Projects

Back-end Projects

Data Visualisation

Challenges

Open source community

Gitter help rooms

Videos

City meetups

Wiki

Forum

Additional courses

Any comments or suggestion

4 
<!DOCTYPE html>
  <html lang="en">
    <head>
      <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="device-width initial-scale=1.0">
    <title>SURVEY FORM</title>
    </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>
      <fieldset>
      <form id="survey-form">
        <div class="label-inputs"
  <label id="name-label" ></label>   
     <p>Name</p>
        <input type="text  " id="name" placeholder="Name" required>
        </label>
        
        <label id="email-label">
       <p>   Email</p>
        <input type="email" id="email" placeholder ="Email" required>
        </label>
        <label id="number-label">
         <p> Age(optional)</p>
        <input type="number" id="number" placeholder="Age" min="2" max="3" required>
        </label>  
        </div class="Select -one">
        <div>
 <br>      <label>
        <p>  What option decribes your current role</p>
     <select id="dropdown">
          <option>Select current role</option>
          <option>Student</option>
          <option>Full time job</option>
          <option>Full time learner</option>
          <option>Prefer not to say </option>
          <option>Other</option>
</label>
</div>
          <select>
         <p>  
           <br> 
           <div class="Label-input 2"
           <h3>Would you recommend freecodecamp to a friend</h3></p>
        <label>
          <input type="radio" name="input-group" value="definitely">
        Definitely</label>
        <label>
          <p>
          <input type="radio" name="input-group" value="maybe" >
        Maybe</label>
        <label>
          </p>
          <input type="radio" name="input-group" value="not sure">
         Not sure </label>
    </div>
      <label>
        <p>What your favourite feature in freecodecamp</p>
        <select id="dropdown">
          <option>Select an option</option>
          <option>Challenges</option>
          <option>Projects</option>
            <option>Community</option>
            <option>Open source</option>
        </select>
        </label>
          <h3>What Would you like to see improved?(Check all that apply)</h3>
          <label>
            <input type="checkbox" value="Front-end Projects">
        Front-end Projects  </label>
        <p>
        <label>
          <input type="checkbox" value="Back-end Projects">
      Back-end Projects  </label>
      </p>
         <label>
           <input type="checkbox" value="Data Visualisation">
        Data Visualisation    </label>
        <p>
        <label>
          <input type="checkbox" value="Challenges">
      Challenges</label>
      </p>
      <label>
        <input type="checkbox" value="Open source community">
    Open source community  </label>
    <p>
    <label>
      <input type="checkbox" value="Gitter help rooms">
 Gitter help rooms   </label>
 <label>
   </p>
   <input type="checkbox" value="Videos">
 Videos</label>
 </p>
 <label>
   <p>
   <input type="checkbox" value="City meetups">
  City meetups 
  </label>
    <label>
      </p>
      <input type="checkbox" value="Wiki">
  Wiki</label>
  <label>
    <p>
    <input type="checkbox" value="Forum">
  Forum   </label>
  </p>
  <label>
    <input type="checkbox" value="Additional courses">
  Additional courses  </label>
  <h3>Any comments or suggestion</h3> 
<p>  <textarea placeholder="Enter your comments here"></textarea></p>
 <input type="submit" id="submit"> 
      </fieldset>
      </form>
  </body>
  </html>
5

Paste your code in this way

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

1 Like
6

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
Pre-formatted-text1356×380 401 KB

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

7

2 problems here.
the div element is missing the >
and the label is missing the text that should be between the opening and closing tag