Survey Form - Build a Survey Form

Tell us what’s happening:
Hello, So I started my first certification and I am having trouble with the first task to pass which is =“You should have an h1 element with an id of title” . I believe I have the H1 in the correct format by placing it in the body, however after searching for 30-45 minutes. I decided to post in the forum. Please advise.

Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  </html>
   <head>
     <meta charset="UTF-8">
     <title id="title"> freeCodeCamp Survey Form
       </title>
     <link ref="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" action="https://survey-form.freecodecamp.rocks" method="post">
    <fieldset>
      <label for="name-label">Enter your name <input id="name-label" type="text" placeholder="Enter your name" required> </label>
      <label for="email">Enter your email <input type="email" id="email" placeholder="Enter your email" required></label>
      <label for="number">Age <input id="number" type="number" placeholder="age" min="13" max="120"></label>
      <!-- NOT SURE ABOUT DROPDOWN INPUT? --> <!-- TURNS OUT IT WAS SELECT ID="" -->

      <label for="dropdown">Which option best  describes your current role? </label>
      <select id="dropdown" name="dropdown">
        <option value="">Select Current Role</option>
        <option value="1">Student</option>
        <option value="2">Full Time Job</option>
        <option value="3">Full Time Learner</option>
        <option value="4">Prefer Not to Say</option>
        <option value="5">Other</option>
      <!-- NOT SURE ABOUT DROPDOWN INPUT? -->
      <!-- TURNS OUT IT WAS SELECT ID="" -->
      </select>
    </fieldset>
    <fieldset>
      <label> Would you recommend freeCodeCamp to a friend?</label>
    <label><input type="radio" /> Definitely </label>
    <label><input type="radio" /> Maybe</label>
    <label><input type="radio" /> Not Sure</label>
    </fieldset>
    <!-- EACH FIELDSET NEEDS A NEW INPUT -->
    <fieldset>
      <label for="favorite">What is your favorite feature of freeCodeCamp?</label>
    <select id="favorite" name="favorite">
      <option>Select An Option</option>
      <option>Challenges</option>
      <option>Projects</option>
      <option>Community</option>
      <option>Open Source</option>
      </select>
    </fieldset>
    <fieldset>
      <label>What would you like to see improved? (Check all that apply)</label>
      <label><input type="checkbox" value="Front-end Projects" />Front-end Projects</label>
      <label><input type="checkbox" value="Back-end Projects
" />Back-end Projects</label>
      <label><input type="checkbox" value="Data Visualization
" />Data Visualization
</label>
      <label><input type="checkbox" value="Challenges
" />Challenges</label>
      <label><input type="checkbox" value="Open Source Community
" />Open Source Community</label>
      <label><input type="checkbox" value="Gitter help rooms
" />Gitter help rooms</label>
      <label><input type="checkbox" value="Videos" />Videos</label>
      <label><input type="checkbox" value="City Meetups" />City Meetups</label>
      <label><input type="checkbox" value="Wiki" />Wiki</label>
      <label><input type="checkbox" value="Forum" />Forum</label>
      <label><input type="checkbox" value="Additional Courses"/>Additional Courses</label>
    </fieldset>
    <fieldset>
      <label>Any comments or suggestions? </label>
      <textarea <input placeholder="Enter your comment here...."/>
        </textarea>
    </fieldset>
    
        <button> <input type="submit" value="Submit" />
        </button>
      </form>
  </body>
/* file: styles.css */
body{
  width:100%;
  height:100vh;
  margin:0;
background-color:#1b1b32;
box-shadow: 100px;
  color: #f5f6f7;
}
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/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

You should definitely check this.

1 Like

Wow that’s insane. it worked. I could have sworn I tried this and the code failed. Thank you Kai

1 Like