Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

  1. You should have a select field with an id of dropdown.

(Hi everyone and thank you in advance for your help.
I have found the jump in difficutlies has increased quite a lot from this section and I have had difficulties to follow each steps required. I am wondering if this has been my own struggle or if anyone else have experienced the same.)

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Survey Form</title>
  </head>

  <body>
    <h1 id="title">My Survey Form</h1>
    <p id="description">This is my first try at building the survey form from the FreeCodeCamp Fullstack Curriculum </P>

    <form id="survey-form">
      <label id="name-label">Name:</label>
      <input id="name" type="text"placeholder="Your name" required>

      <label id="email-label">Email:</label>
      <input id="email" type="email"placeholder="your@email.com" required>

      <label id="number-label">Age:</label>
      <input id="number" type="number"min="3" max="30"placeholder="18+" required>

     
      <label id="dropdown">How difficult was to complete this form?:</label>
      <select id="dropdown"> 
        <option value="hard">Hard</option>
        <option value="easy">Easy</option>
      </select>


      
    </form>
  </body>
</html>

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/26.0 Safari/605.1.15

Challenge Information:

Build a Survey Form - Build a Survey Form
https://www.freecodecamp.org/learn/full-stack-developer/lab-survey-form/build-a-survey-form

2

Hi. For test 31, the value of id attributes need to be unique in an HTML document. Does this help?

3

Hey Buddy, In it the id attribute in select is good but you need to put for attribute in label element

When you will do so then you will be able to pass this test.

Hope You Understand.