Survey Form - Build a Survey Form

Tell us what’s happening:

Hi there, I went into some issues when I was working on the project of Form. When I clicked on the Run the Tests button on the left hand side, I found it not working. Additionally, the Reset Lesson button seems to run out of operation. No matter how many times I tried it still does not have function. Therefore I come here to reach out some helps.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang=en>
<head>
    <title>freeCodeCamp Survey Form</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <!-- should add header -->
    <header class="header">
        <h1>freeCodeCamp Survey Form</h1>
        <p id="description">Thank you for taking the time to help us improve the platform</p>
    </header>

    <form id="survey-form">
    <fieldset>
        <label for="name-label">Name <input id="name" type="text" name="name-label" placeholder="Enter your name" required/></label>
        <label for="email-label">Email <input id="name" type="email" name="email-label" placeholder="Enter your email" required/></label>
        <label for="number-label">Age
    (optional) <input id="name" type="number" min="10" max="99" name="number-label" placeholder="Age" required/></label>

    </fieldset>

    </fieldset>
    <select>
        <p>Which option best describes your current role?</p>
        <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>
    </fieldset>

    <fieldset>
        <p>Would you recommend freeCodeCamp to a friend?</p>
        <label for="definitely"><input id="definitely" type="radio">Definitely</label>
        <label for="maybe"><input id="maybe" type="radio">Maybe</label>
        <label for="not-sure"><input id="not-sure" type="radio">Not sure</label>
    </fieldset>

    </fieldset>
    <p>What is your favorite feature of freeCodeCamp?</p>
    <select id="feature">
        <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>
    </select>
    </fieldset>

    <fieldset>
        <p>What would you like to see improved? (Check all that apply)</p>
        <input type="checkbox"> Front-end Projects
        <input type="checkbox"> Back-end Projects
        <input type="checkbox"> Data Visualization
        <input type="checkbox"> Challenges
        <input type="checkbox"> Open Source Community
        <input type="checkbox"> Gitter help rooms
        <input type="checkbox"> Videos
        <input type="checkbox"> City Meetups
        <input type="checkbox"> Wiki
        <input type="checkbox"> Forum
        <input type="checkbox"> Additional Courses
    </fieldset>

    <fieldset>
        <label>
            Any comments or suggestions?
        </label>
        <textarea id="comment" name="comment" rows="5" cols="40" placeholder="Enter your comment here..."></textarea>
    </fieldset>

    <input type="submit" value="Submit" />
    </form>

</body>

</html>
/* file: styles.css */
body {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--color-darkblue);
    margin: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(
      115deg,
      rgba(58, 58, 158, 0.8),
      rgba(136, 136, 206, 0.7)
    ),
    url(https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

h1 {
  font-weight: 400;
  line-height: 1.2;
}

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

Challenge Information:

Survey Form - Build a Survey Form

Try in a different browser.

You are missing a bunch of attributes at the very least, but I can understand how it would be hard to test if you can’t run the tests.

Also, I think the reset button just puts back your old code from your last submission. So you have to clear the code yourself if you want to start over.

1 Like