Survey Form - Build a Survey Form

HTML-CSS
1

couldnot find what is wrong at line 12

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8">
    <title id="survey-form">survey-form</title>
  </head>
  <body>
    <main>
    <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 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(Optional) <input type="number" id="number" placeholder="age" min=12 max=50 required></label>
        <label id="dropdown-label"><strong>What option describes your current role?</strong></label><br>
            <select id="dropdown" name="code-lang" class="form">
                <option value="C">Select current role</option>
                <option value="Python">Student</option>
                <option value="C#">Full Time Job</option>
                <option value="php">Full Time Learner</option>
                <option value="Js">Prefer not to say</option>
                <option value="Go">Other</option>
            </select>
<label>Would you recommend freeCodeCamp to a friend?</label>        <label><input type="radio" name="account-type" value="acount-type" checked> Definitely</label>
        <label><input type="radio" name="account-type" value="acount-type"> Maybe</label>
        <label><input type="radio" name="account-type" value="acount-type"> Not sure</label>
        <div id="dropdown-div"><br>
            <label id="dropdown-label"><strong>What is your favorite feature of freeCodeCamp? </strong></label><br>
            <select id="dropdown" name="code-lang" class="form">
                <option value="C">Select an option</option>
                <option value="Python">Challenges</option>
                <option value="C#">Project</option>
                <option value="php">Community</option>
                <option value="Js">Open source</option>
            </select>
         </div>
        <label>What would you like to see improved? (Check all that apply)</label>
        <input type="checkbox" id="Front-end Projects" name="improved" value="improved"> Front-end Projects
        <input type="checkbox" id="Back-end Projects" name="improved" value="improved"> Back-end Projects
        <input type="checkbox" id="Data Visualization" name="improved" value="improved"> Data Visualization
        <input type="checkbox" id="Challenges" name="improved" value="improved"> Challenges
        <input type="checkbox" id="Open Source Community" name="improved" value="improved"> Open Source Community
        <input type="checkbox" id="Gitter help rooms" name="improved" value="improved"> Gitter help rooms
        <input type="checkbox" id="Videos" name="improved" value="improved"> Videos
        <input type="checkbox" id="City Meetups" name="improved" value="improved"> City Meetups
        <input type="checkbox" id="Wiki" name="improved" value="improved"> Wiki
        <input type="checkbox" id="Forum" name="improved" value="improved"> Forum
        <input type="checkbox" id="Additional Courses" name="improved" value="improved"> Additional Courses
        <div id="ending"><br><br>
            <label id="comments-label">Any comments or  suggestions?</label><br>
            <textarea style= height:120px;" class="form" placeholder="Enter your comment here..."></textarea><br><br>
            <input id="submit" type="submit"  class="form" value="Submit">
          </div>
       
    </form>
    </main>
  </body>
</html>

/* file: styles.css */
body{
  margin:0;
  }

h1, p{
  text-align:center;
}

label{
  display:block;
  margin:0.5rem 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

ID’s need to be unique. In other words, and id cannot be same for two elements on the page. You are using the same id for both the title element and the form element.

1 Like
3

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