Pls I need help with survey form project

I’m done with all the tests but it keeps showing that I’ve not completed these
You should have at least one textarea element that is a descendant of #survey-form .
Your #submit should be a descendant of #survey-form .

Hi, welcome to the forum.
If the tests are failing, then that means you have a problem in the code.
If you need help with that, you will have to show us your code.

Okay thank you. But pls how do I do that

Here is the code:

<!DOCTYPE html>

<html>

<body>

<h1 id="title">freeCodeCamp Survey Form</h1>

<p id="description">Thank you for taking your time to help us improve this platform</p>

<form id="survey-form">

<label id="name-label">Name

<input type="text" placeholder="Enter your name" id="name" required>

</label>

<label id="email-label">Email

<input type="email" placeholder="Enter your email" id="email" required>

</label>

<label id="number-label">Age (optional)

<input type="number" min="10" max="120" id="number" placeholder="age">

</label>

<label>Which option best describes your current role?

<select id="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>

</select>

</label>

<p>Would you like to recommend freeCodeCamp to a friend?</p>

<label for="Definitely">Definitely

<input type="radio" id="definitely" name="option-value" value="Definitely">

</label>

<label for="Maybe">Maybe

<input type="radio" id="maybe" name="option-value" value="Maybe">

</label>

<label for="Not sure">Not sure

<input type="radio" id="Not Sure" name="option-value" value="Not Sure">

</label>

<label>What is your favorite feature of freeCodeCamp?

<select>

<option value="">Select an option</option>

<option value="1">Challenges</option>

<option value="2">Projects</option>

<option vallue="3">Community</option>

<option vallue="4">Open Source</option>

</select>

</label>

<p>What would you like to see improved? (Check all that apply)</p>

<label>Front-end Projects

<input type="checkbox" value="Front-end Projects">

</label>

<label>Back-end Projects

<input type="checkbox" value="Back-end Projects">

</label>

<label>Data Visualization

<input type="checkbox" value="Data Visualization">

</label>

<label>Challenges

<input type="checkbox" value="Challenges">

</label>

<label>Open Source Community

<input type="checkbox" value="Open Source Community">

</label>

<label>Gitter help rooms

<input type="checkbox" value="Gitter help rooms">

</label>

<label>Videos

<input type="checkbox" value="Videos">

</label>

</form>

<label>City Meetups

<input type="checkbox" value="City Meetups">

</label>

<label>Wiki

<input type="checkbox" value="Wiki">

</label>

<label>Forum

<input type="checkbox" value="Forum">

</label>

<label>Additional Courses

<input type="checkbox" value="Additional Courses">

</label>

Any comments or suggestions?

<textarea placeholder="Enter your comment here..."></textarea>

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

</form>

</body>

</html>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

your code is hard to read because you have not used any indentation.
When I apply indentation to your code I can see why you are having a problem.

<!DOCTYPE html>

<html>

<body>
    
    <h1 id="title">freeCodeCamp Survey Form</h1>
    
    <p id="description">Thank you for taking your time to help us improve this platform</p>
    
    <form id="survey-form">
        
        <label id="name-label">Name
            
            <input type="text" placeholder="Enter your name" id="name" required>
            
        </label>
        
        <label id="email-label">Email
            
            <input type="email" placeholder="Enter your email" id="email" required>
            
        </label>
        
        <label id="number-label">Age (optional)
            
            <input type="number" min="10" max="120" id="number" placeholder="age">
            
        </label>
        
        <label>Which option best describes your current role?
            
            <select id="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>
                
            </select>
            
        </label>
        
        <p>Would you like to recommend freeCodeCamp to a friend?</p>
        
        <label for="Definitely">Definitely
            
            <input type="radio" id="definitely" name="option-value" value="Definitely">
            
        </label>
        
        <label for="Maybe">Maybe
            
            <input type="radio" id="maybe" name="option-value" value="Maybe">
            
        </label>
        
        <label for="Not sure">Not sure
            
            <input type="radio" id="Not Sure" name="option-value" value="Not Sure">
            
        </label>
        
        <label>What is your favorite feature of freeCodeCamp?
            
            <select>
                
                <option value="">Select an option</option>
                
                <option value="1">Challenges</option>
                
                <option value="2">Projects</option>
                
                <option vallue="3">Community</option>
                
                <option vallue="4">Open Source</option>
                
            </select>
            
        </label>
        
        <p>What would you like to see improved? (Check all that apply)</p>
        
        <label>Front-end Projects
            
            <input type="checkbox" value="Front-end Projects">
            
        </label>
        
        <label>Back-end Projects
            
            <input type="checkbox" value="Back-end Projects">
            
        </label>
        
        <label>Data Visualization
            
            <input type="checkbox" value="Data Visualization">
            
        </label>
        
        <label>Challenges
            
            <input type="checkbox" value="Challenges">
            
        </label>
        
        <label>Open Source Community
            
            <input type="checkbox" value="Open Source Community">
            
        </label>
        
        <label>Gitter help rooms
            
            <input type="checkbox" value="Gitter help rooms">
            
        </label>
        
        <label>Videos
            
            <input type="checkbox" value="Videos">
            
        </label>
        
    </form>
    
    <label>City Meetups
        
        <input type="checkbox" value="City Meetups">
        
    </label>
    
    <label>Wiki
        
        <input type="checkbox" value="Wiki">
        
    </label>
    
    <label>Forum
        
        <input type="checkbox" value="Forum">
        
    </label>
    
    <label>Additional Courses
        
        <input type="checkbox" value="Additional Courses">
        
    </label>
    
    Any comments or suggestions?
    
    <textarea placeholder="Enter your comment here..."></textarea>
    
    <input type="submit" value="Submit" id="submit">
    
</form>

</body>

</html>

You have 2 closing form tags. You should probably delete the first one and use the last one.

Okay thank you very much :smile:

1 Like

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