Survey Form - Build a Survey Form

Tell us what’s happening:
i have develope the app.
all test pass except on that is “Your #name should require input.” but my code have required attribute eventually my code did not pass the test i dont know.

**Your code so far**
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Survey Form</title>
    <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">
      <div>
        <label id="name-label" for="name"
  >Name<input type="text" id="name" 
name="name"          placeholder="ENTER YOUR NAME" required</label>
      </div>
      <div>
        <label id="email-label"
          >Email<input type="email" id="email" 
name="email"          placeholder="ENTER YOUR EMAIL"
          required
        </label>
      </div>
      <div>
        <label id="number-label"
          >Age<input 
          required
id="number"          type="number" name="age" placeholder="ENTER YOUR AGE"
          min="13" max="120"</label
        >
      </div>
      <div>
        <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>
          </select>
        </label>
      </div>
      <div>
        <label>Would you recommend freeCodeCamp to a friend?</label
        ><label>
          <input
            type="radio"
            name="radio"
            value="definetly"
            class="inline"
          />Definetly
        </label>
        <label>
          <input type="radio" name="radio" value="maybe" class="inline" />Maybe
        </label>
        <label>
          <input type="radio" name="radio" value="not sure" class="inline" />Not
          sure
        </label>
      </div>
      <div>
        <label>What would you like to see improved?</label>
        <label
          ><input
            type="checkbox"
            name="checkbox"
            value="Front-end"
            class="inline"
          />Front-end Projects</label
        >
        <label
          ><input
            type="checkbox"
            class="inline"
            name="checkbox"
            value="Back-end"
          />Back-end Projects</label
        >
        <label
          ><input
            type="checkbox"
            name="checkbox"
            value="Open Source Community"
            class="inline"
          />Open Source Community</label
        >
        <label>
          <input
            value="Forum"
            type="checkbox"
            name="checkbox"
            class="inline"
          />Forum
        </label>
        <label>
          <input
            name="checkbox"
            class="inline"
            value="Additional Courses"
            type="checkbox"
          />Additional Courses
        </label>
      </div>
      <div>
        <label for="textarea"
          >Any comments or suggestions?
          <textarea
            name="textarea"
            cols="30"
            rows="4"
            placeholder="ENTER YOUR COMMENTS HERE..."
          ></textarea>
        </label>
      </div>
      <div>
        <label> <button type="submit" id="submit" class="sub" />submit </label>
      </div>
    </form>
  </body>
</html>

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Hi, please, next time when you post your question, provide it with a specific question.
Asking a better question will help you understand your current situation.

Can’t see your code. Try not to edit your default code and describe your issue rather than paste the instrcution

oops its my first time i post question like this so i got confused with how to post so next time it wont happend again…

Cool,

No worries.

We are all learning something new everyday.

You can edit your post make sure not to edit the source of the code

Because right now we can’t identify the issue and we don’t know what specific issue you are asking.

Hi,
As mods we discourage users making new posts for the same topic. We do prefer they delete the old post if they make a new post on the same topic if necessary.

But overall we would rather users edit their current post.

We can edit posts to format code if users are struggling to do it. :slight_smile:

Hi!

I’ve edited your code for readability.

If you accidentally undo the automatic code formatting with the ‘ask for help’ button, you can restore the formatting.

To format code you can use 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 (').

So if you remove some backtics, you can restore them so the code will be formatted again.

Thanks Ella for the help

1 Like