Build a Survey Form Project - Build a Survey Fo

HTML-CSS
1

Tell us what’s happening:
Good day everyone,
Please I need help with my project it keeps giving me an err message of “Your #name should require an input” I’ve been on it for a while and I can’t seem to figure out what’s wrong. Please I need your assistance. Below is a copy of the code.

Your code so far

<!DOCTYPE html>
<html>
  <head lang="en">
   <title> Survey form </title>
   <meta charset="utf-8">
   <link rel="stylesheet" href="styles.css"/>
  </head>
  <body>
    <h1 id="title"> freeCodeCamp Survey Form </h1>
    <p Id="description">Thank you for taking the time to help us improve the platform </p>
   <form Id="survey-form">
       <label for="name">Enter Your Name: <input type="text" Id="name" placeholder="Enter Your Name"/></label>
       <label for="email">Enter Your Email: <input type="email" Id="email" placeholder="Enter Email"/></label>
       <label for="age">Enter Your Age(years): <input type="number" Id="age" min="18" max="100" placeholder="Enter Age"/></label>
     <fieldset>
       <legend>which option best describes your current role?</legend>
         <select id="current-role" name="current-role" class="select">
           <option value="">Select current role</option>
           <option value="1">Student</option>
           <option value="2">Full time job</option>
           <option value="3">Partime job</option>
           <option value="4">Volunteer</option>
           <option value="5">Full time learner</option>
           <option value="6">Preffer not to say</option>
           <option value="7">Other</option>
          </select>
       </fieldset> 
       <fieldset> 
         <legend>Would you recommend freeCodeCamp to a friend?</legend>
         <label for="recommend"><input id="recommend" type="radio" name="recommend" checked class="radio"/>Definitely</label>
         <label for="recommend"><input id="recommend" type="radio" name="recommend" class="radio"/>Maybe</label>
         <label for="recommend"><input id="recommend" type="radio" name="recommend" class="radio"/>Not sure</label>
     </fieldset>
     <fieldset>
         <legend>What is your favorite feature of freeCodeCamp?</legend>
         <select id="favorite-feature" name="favorite-feature" class="select">
           <option value="">Select 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>
       <label> What would you like to see improved?(Check all that apply)</label>  
          <label for="front-end-project "><input type="checkbox" Id="front-end-project"/>Front-end project<label>
          <label for="back-end-project "> <input type="checkbox" Id="back-end-project"/>Back-end-project<label>
          <label for="data-visualisation "><input type="checkbox" Id="data-visualisation"/>Data-visualization<label>
          <label for="challenges"><input type="checkbox" class="check" Id="challenges"/>Challenges<label>
          <label for="opensource-community"><input type="checkbox" class="check"Id="opensource-community"/>Opensource community<label>
          <label for="gitter"><input type="checkbox" class="check"Id="gitter"/>Gitter help room<label>
          <label for="videos "><input type="checkbox" class="check"Id="videos"/>Videos<label>
          <label for="meetups "><input type="checkbox" class="check"Id="meetups"/>City meetups<label>
          <label for="wiki "><input type="checkbox" class="check"Id="wiki"/>Wiki<label>
          <label for="forum "><input type="checkbox" class="check"Id="forum"/>Forum<label>
          <label for="courses"><input type="checkbox" class="check"Id="courses"/>Additional courses<label>
        </fieldset>
        <fieldset>
          <label for="comment">Any comments or suggestions?
            <input type="textarea" Id="comment" rows="3" cols="30" placeholder="suggest or comment here😊">
          </label>
        </fieldset>
           <input type="submit" value="submit" Id="sibmit"/>
    </form>
  </body>
</html>

Your mobile information:

Infinix X650B - Android 9 - Android SDK 28

Challenge: Build a Survey Form Project - Build a Survey Form

Link to the challenge:

2

Hi @Petpak,

All your missing is the required attribute on those input elements. This is a stand-alone element that doesn’t need to be set to any value. That will make the input element a required value when submitting a form.

<input type="text" required />
1 Like
3

Thank you very much @marcusparsons let me try it out now

2 Likes
4

Thank you very much for your assistance It has helped me crossed that bridge .

2 Likes