Survey Form - Build a Survey Form

On the placeholder i really don’t know what are the error on name, email and age. thanks for your help
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="#" href="#">
    <title>Survey Form</title>
</head>
<h1 id="title">FreeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
<body>
    <form id="survey-form">
        <label id="name-label">Name: <input id="name-label" type="text" name="text" placeholder="Enter your name" required></label>
        <label id="email-label" placeholder="Enter your email">E-mail: <input id="email-label" type="email" name="email" placeholder="Enter your email" required></label>
        <label id="number-label" placeholder="Age">Age: <input id="number-label" type="number" name="age" min="13" max="50" placeholder="Age" required></label>
        <label for="dropdown">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>
            </label>
            <p>Would you Recommend freeCodeCamp to your friends?</p>
            <label for="radio" type="radio" name="definitely"><input id="radio" type="radio">Definitely</label>
            <label for="radio" type="radio"><input id="radio" type="radio">Maybe</label>
            <label for="radio" type="radio"><input id="radio" type="radio">Not Sure</label>
            <label for="dropdown">What is your favorite features in freeCodeCamp?
                <select> id="dropdown">
                    <option value="">Select an option</option>
                    <option value="1">Challenges</option>
                    <option value="2">Projects</option>
                    <option value="3">Community</option>
                    <option value="4">Open Source</option>
                </label>
                <p>What would you like to see improved? (Check all that apply)</p>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Front-end Projects</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Back-end Projects</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Data Visualization</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Challenges</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Open Source Community</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Gitter Help Rooms</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Videos</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">City Meetups</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Wiki</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Forum</label>
                <label for="checkbox" type="checkbox"><input id="checkbox" type="checkbox">Additional Courses</label>
                <label for="comments">Any comments or suggestions?
                    <textarea id="-comments" name="comments" rows="10" cols="50" placeholder="Enter your comments..."></textarea>
                </label>
                <input id="submit" type="submit">
    </form>
</body>
</html>
/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Hello!
The placeholder should be entered in the input element, as this is where the input takes place. It appears it has been entered in the label element by mistake.
I hope this helps you.
Happy coding! :slight_smile:

1 Like

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