Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
when I run the test it tells me to correct things that are already correct

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>freeCodeCamp Survey Form</title>
    <link rel="stylesheet" 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">
  <fieldset>
  
  <label id="name-label">Name <input placeholder="type name" id="name" type="text" required /></label>
  </label>
  
  <label id="email-label">Email<input placeholder="type email" id="email" type="email" required /></label>
  </label>

  <label id="number-label">Age<input placeholder="age" id="number" type="number" min="13" max="120" required /></label>

   <label id="select-label">Which option best describes your current role? 
     <select id="dropdown" />
     <option>(select one)</option>
            <option>student</option>
            <option>full time job</option>
            <option>full time leader</option>
            <option>Other</option>
   </select>
   </label>
  </fieldset>

  <fieldset>
    <label>Would you recommend freeCodeCamp to a friend?</label>
   <label for="yes"><input id="yes" type="radio" name="yes-or-no" value="yes" /> Yes</label>
        <label for="no"><input id="no" type="radio" name="yes-or-no" value="no" /> No</label>
</fieldset> 

<fieldset>
  <label>What would you like to see improved? <em>(Check all that apply)</em>
  </label>
  
  <label for="front"><input id="front" type="checkbox" name="job" value="front"> front</label>
            
            <label for="back"><input id="back" type="checkbox" name="job" value="back"> back</label>
            
            <label for="data"><input id="data" type="checkbox" name="job" value="data"> data</label>
</fieldset>

<fieldset>
  <label for="bio">Any comments or suggestions?
          <textarea id="co" name="co" rows="3" cols="30" placeholder="Enter your comment here..."></textarea>
        </label>

</fieldset>

<input id="submit" type="submit" value="Submit" descendant="" />

</form>
<body>
</html>

/* file: styles.css */
label {
  display: block;
  margin: 0.5rem 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Hello,
Welcome to the Forums :wave:

Your code works for me. Try the code in an incognito window or in another browser or try disabling all the extensions.

3

I ran it again, and it worked this time, thank you!

1 Like
4

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