Survey Form - Build a Survey Form

Tell us what’s happening:
I’m finishing up my certification project and I’m having 2 errors stating that #name and #email should have an input. I did put an input so Im not sure where to go from here.

Please help.
Your code so far

<!DOCTYPE html>
<html lang="en">

  <title>freeCodeCamp Survey Form</title>
  <link rel="stylesheet" href="styles.css" />

  <div class="container">
    <header class="header">
      <h1 id="title" class="text-center">freeCodeCamp Survey Form</h1>
      <p id="description">Thank you for taking the time to help us improve the platform</p>
    <form id="survey-form">
      <div class="form-group">
        <label id="name-label" for="name"> Name</label>
        <input id="name" type="text"  placeholder="Enter your name" class="form-control"  />
      <div class="form-group">
        <label id="email-label" for="email">Email</label><input id="email" type="email"  class="form-control" placeholder="Enter your Email" />
      <div class="form-group">
        <label id="number-label">Age (optional)</label><input id="number" type="number" min="6" max="20" class="form-control" placeholder="Age" />
      <div class="form-group">
        <p> Which option bests describes your current role? </p>
        <select id="dropdown" name="role" class="form-control" required>
      <option disabled selected value>Select current role</option>
      <option value="student"></option>
      <option value="Full Time Job"></option>
      <option value="Full Time Learner"></option>
      <option value="Prefer not to say"></option>
      <option value="Other"></option>
      <div class="form-group">
        <p> Would you recommend CodeCamp to a friend? </p>
       <input name="user-recommend" value="definitely" type="radio" class="input-radio" checked /> Definitely
       <input name="user-recommend" value="maybe" type="radio" class="input-radio" checked /> Maybe
       <input name="user-recommend" value="notsure"
       type="radio" class="input-radio" checked /> Not Sure </label>
      <div class="form-group">
        <p> What is your favorite feature of freeCodeCamp?</p>
        <select id="most-like" name="mostLike" class="form-control" required>
        <option disabled selected value> Select an option </option>
        <option value="challenges">Challenges</option>
        <option value="projects">Projects</option>
        <option value="community">Community</option>
        <option value="openSource">Open Source</option>
      <div class="form-control">
        <p>What would you like to see improved?
          <span class="clue">(Check all that apply)</span>
        <label><input name="prefer" value="front-end-projects" type="checkbox" class="input-checkbox"/> Front-end Projects</label>
        <label><input name="prefer" value="back-end-projects" type="checkbox" class="input-checkbox" /> Back-end Projects</label>
        <label><input name="prefer" value="datavisualization" type="checkbox" class="input-checkbox" /> Data Visualization </label>
        <label><input name="prefer" value="challenges" type="checkbox" class="input-checkbox" /> Challenges </label>
        <label><input name="prefer" value="open-source-community" type="checkbox" class="input-checkbox"/>Open Source Community</label>
        <label><input name="prefer" value="gitter-help-rooms" type="checkbox" class="input-checkbox" /> Gitter help rooms</label>
        <label><input name="prefer" value="videos" type="checkbox" class="input-checkbox"/> Videos </label>
        <label><input name="prefer" value="city-meetups" type="checkbox" class="input-checkbox" /> City Meetups </label>
        <label><input name="prefer" value="wiki" type="checkbox" class="input-checkbox" /> Wiki </label>
        <label><input name="prefer" value="forum" type="checkbox" class="input-checkbox" /> Forum </label>
        <label><input name="prefer" value="additional-courses" type="checkbox" class="input-checkbox" /> Additional Courses </label>
      <div class="form-group">
        <p>Any comments or suggestions?</p>
        <textarea id="comments" class="input-textarea" name="comment" placeholder="Enter your comment here..."></textarea>
      <div class="form-group">
        <button type="submit" id="submit" class="submit-button"> Submit </button>



Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Take a look at the instructions:

  1. Inside the form element, you are required to enter your name in an input field that has an id of name and a type of text
  2. Inside the form element, you are required to enter your email in an input field that has an id of email

You are supposed to use a specific attribute which makes the input required to be entered by the user when submitting the form for the #name and #email elements.

I believe I have an id for both name and email as well as type of text for name in the input field.
Please help

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