Survey Form - Build a Survey Form

Could anyone give me some direction as to how I correct this?

Your code so far

<!DOCTYPE HTML>
<html lang="en">
 <head>
    <meta charset="utf-8">
    <title>freeCodeCamp Survey Form</title>
    <link rel="stylesheet" href="styles.css">
 </head>
 <body>
    <h1>freeCodeCamp Survey Form</h1>
    <p>Thank you for taking the time to help us inprove the platform</p>
    <form action="">
        <fieldset>
            <label for="name">Name <input id="name" name="name" type="text" required/><placeholder>Enter Your Name</placeholder></label>
            <label for="email">Email <input id="email" name="email" type="email" required/><placeholder>Enter Your Email</placeholder></label>
            <label for="age">Age (optional)<input id="age" type="number" min="10" max="99"/> <placeholder>Age</placeholder></label>
            <label for="current-role">What option best describes your current role? <select id="current-role" name="current-role"> 
                <option value="">(select one)</option>
                <option value="1">Full Time Job</option>
                <option value="2">Full Time Learner</option>
                <option value="">Prefer Not to Say</option>
                <option value="">Other</option>
                <placeholde>Select current role</placeholde>
            </select> 
            <p></p>Would you recommend freeCodeCamp to a friend?</p>
                <label for="definitely"><input id="definitely" type="radio" name="user-recommend" class="inline"/>Definitely</label>
                <label for="maybe"><input id="maybe" type="radio" name="user-recommend" class="inline"/>Maybe</label>
                <label for="not-sure"><input id="not-sure" type="radio" name="user-recommend" class="inline"/>Not Sure</label>
            <p>What is your favorite feature of freeCodeCamp?</p>
                <label for="favorite-feature"><select>
                    <option value="">Select one</option>
                    <option value="1">Challenges</option>
                    <option value="2">Projects</option>
                    <option value="3">Community</option>
                    <option value="4">Open Source</option>
                </select></label>
                <p>What would you like to see improved? (Check all that apply)</p>
            <label for="front-end"><input id="front-end" type="checkbox" class="inline"/>Front-End Projects</label>
            <label for="back-end"><input id="back-end" type="checkbox" class="inline"/>Back-End Projects</label>
            <label for="data-visual"><input id="data-visual" type="checkbox" class="inline"/>Data Visualization</label>
            <label for="challenges"><input id="challenges" type="checkbox" class="inline"/>Challenges</label>
            <label for="open-source-community"><input id="open-source-community" type="checkbox" class="inline"/>Open Source Community</label>
            <label for="gitter-help-rooms"><input id="gitter-help-rooms" type="checkbox" class="inline"/>Gitter Help Rooms</label>
            <label for="videos"><input id="videos" type="checkbox" class="inline"/>Videos</label>
            <label for="city-meetups"><input id="city-meetups" type="checkbox" class="inline"/>City Meetups</label>
            <label for="wiki"><input id="wiki" type="checkbox" class="inline"/>Wiki</label>
            <label for="forum"><input id="forum" type="checkbox" class="inline"/>Forum</label>
            <label for="additional-courses"><input id="additional-courses" type="checkbox" class="inline"/>Additional Courses</label>
            <label for="comments-suggestions">Any coments or suggestions? <textarea id="comments-suggestions" name="comments-suggestions" rows="3" cols="30" placeholder="Enter your comments here"></textarea></label> 
        </fieldset>
        <input type="submit" value="Submit">
    </form>
 </body>
</html>

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

I have edited your post to improve its readability.
Please check the post after you are done to make sure the link to the challenge and your code looks as it was intended.

Which error did you need help fixing?
What have you tried to fix it?

I have fixed a few things and included updated code. Most of what’s left to be correscted are things I am just completely stumped on.

<!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" name="freeCodeCamp-survey-form">freeCodeCamp Survey Form</h1>
    <p id="description">Thank you for taking the time to help us inprove the platform</p>
    <form id="survey-form">
        <fieldset>
            <label for="name">Name <input id="name" name="name" type="text" placeholder="Enter Your Name" required/></label>
            <label for="email">Email <input id="email" name="email" type="email" placeholder="Enter Your Email" required/></label>
            <label for="age">Age (optional)<input id="number" type="number" min="10" max="99" placeholder="Age"/></label>
            <label for="current-role">What option best describes your current role? <select id="dropdown" name="current-role"> 
                <option value="">(select one)</option>
                <option value="1">Full Time Job</option>
                <option value="2">Full Time Learner</option>
                <option value="3">Prefer Not to Say</option>
                <option value="4">Other</option>
            </select> 
            <p></p>Would you recommend freeCodeCamp to a friend?</p>
                <label for="definitely"><input id="definitely" type="radio" name="user-recommend" class="inline"/>Definitely</label>
                <label for="maybe"><input id="maybe" type="radio" name="user-recommend" class="inline"/>Maybe</label>
                <label for="not-sure"><input id="not-sure" type="radio" name="user-recommend" class="inline"/>Not Sure</label>
            <p>What is your favorite feature of freeCodeCamp?</p>
                <label for="favorite-feature"><select>
                    <option value="">Select one</option>
                    <option value="1">Challenges</option>
                    <option value="2">Projects</option>
                    <option value="3">Community</option>
                    <option value="4">Open Source</option>
                </select></label>
                <p>What would you like to see improved? (Check all that apply)</p>
            <label for="front-end"><input value="front-end" type="checkbox" class="inline"/>Front-End Projects</label>
            <label for="back-end"><input value="back-end" type="checkbox" class="inline"/>Back-End Projects</label>
            <label for="data-visual"><input value="data-visual" type="checkbox" class="inline"/>Data Visualization</label>
            <label for="challenges"><input value="challenges" type="checkbox" class="inline"/>Challenges</label>
            <label for="open-source-community"><input value="open-source-community" type="checkbox" class="inline"/>Open Source Community</label>
            <label for="gitter-help-rooms"><input value="gitter-help-rooms" type="checkbox" class="inline"/>Gitter Help Rooms</label>
            <label for="videos"><input value="videos" type="checkbox" class="inline"/>Videos</label>
            <label for="city-meetups"><input value="city-meetups" type="checkbox" class="inline"/>City Meetups</label>
            <label for="wiki"><input value="wiki" type="checkbox" class="inline"/>Wiki</label>
            <label for="forum"><input value="forum" type="checkbox" class="inline"/>Forum</label>
            <label for="additional-courses"><input value="additional-courses" type="checkbox" class="inline"/>Additional Courses</label>
            <label for="comments-suggestions">Any coments or suggestions? <textarea id="comments-suggestions" name="comments-suggestions" rows="3" cols="30" placeholder="Enter your comments here"></textarea></label> 
        </fieldset>
        <input type="submit" value="Submit">
    </form>
 </body>
</html>

This is what I still need to fix…

  • Failed:You should have a label element with an id of name-label.

  • Failed:You should have a label element with an id of email-label.

  • Failed:You should have a label element with an id of number-label.

  • Failed:Your #name-label should contain text that describes the input.

  • Failed:Your #email-label should contain text that describes the input.

  • Failed:Your #number-label should contain text that describes the input.

  • Failed:Your #name-label should be a descendant of #survey-form.

  • Failed:Your #email-label should be a descendant of #survey-form.

  • Failed:Your #number-label should be a descendant of #survey-form.

  • Passed:Your #name should have a placeholder attribute and value.

  • Passed:Your #email should have a placeholder attribute and value.

  • Passed:Your #number should have a placeholder attribute and value.

  • Passed:You should have a select field with an id of dropdown.

  • Passed:Your #dropdown should have at least two selectable (not disabled) option elements.

  • Passed:Your #dropdown should be a descendant of #survey-form.

  • Passed:You should have at least two input elements with a type of radio (radio buttons).

  • Passed:You should have at least two radio buttons that are descendants of #survey-form.

  • Failed:All your radio buttons should have a value attribute and value.

  • Passed:All your radio buttons should have a name attribute and value.

  • Passed:Every radio button group should have at least 2 radio buttons.

  • Passed:You should have at least two input elements with a type of checkbox (checkboxes) that are descendants of #survey-form.

  • Passed:All your checkboxes inside #survey-form should have a value attribute and value.

  • Passed:You should have at least one textarea element that is a descendant of #survey-form.

I have fixed all of my errors. Sorry to waste your tieme…

good job! No worries.

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