Learn HTML Forms by Building a Registration Form - Step 1

HTML-CSS
1 
<!DOCTYPE html>
<html>
  <link rel="stylesheet" href="styles.css">
<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">
    <lable id="name-label" for="name-label" value="Name">Name: <input placeholder="Enter your Name" id="name" type="text" required></label><br>
    <label id="email-label" for="email" value="email">Email: <input placeholder="Enter your Email" id="email" type="email" pattern="a-z_@0-9.com" required></label><br>
    <label id="number-label" for="age">Age: <input placeholder="Age" type="number" id="number" min="10" max="120" value="Age"  /></lable><br>
    <select id="dropdown">
      <option>Select current role</option>
      <option>Student</option>
      <option>Full Time Job</option>
      <option>Full Time Learner</option>
      <option>Perfer Not To Say</option>
      <option>Other</option>
      </select>
      <p>Would you recommend freeCodeCamp to a friend?</p>
      <input type="radio" id="Definitely" name="recommened" value="Definitely">
      <label for="Definitely">Definitely</label><br>
      <input type="radio" id="maybe" name="recommened" value="maybe">
      <label for="maybe">Maybe</label><br>
      <input type="radio" id="not-sure" name="recommened" value="not-sure">
      <label for="not-sure">Not Sure</label><br>
      <label for="improve">What would you like to see improved?</label><br>
      <input type="checkbox" id="Front-end" name="Front-end" value="Front-end Projects">
      <label for="Front-end Projects">Front-end Projects </label><br>
      <input type="checkbox" id="Back-end" name="Back-end" value="Back-end Projects">
      <label for="Back-end Projects">Back-end Projects </label><br>
      <input type="checkbox" id="Data Visualization" name="Data Visualization" value="Data Visualization">
      <label for="Data Visualization">Data Visualization</label><br>
      <input type="checkbox" id="Challenges" name="Challenges" value="Challenges">
      <label for="Challenges">Challenges</label><br>
      <input type="checkbox" id="OSC" name="OSC" value="Open Source Community">
      <label for="OSC">Open Source Community</label><br>
      <input type="checkbox" id="Ghr" name="Ghr" value="Gitter help rooms">
      <label for="Ghr">Gitter help rooms</label><br>
      <input type="checkbox" id="Videos" name="Videos" value="Videos">
      <label for="Videos">Videos</label><br>
      <input type="checkbox" id="city" name="city" value="City Meetups">
      <label for="City Meetups">City Meetups</label><br>
      <input type="checkbox" id="Wiki" name="Wiki" value="Wiki">
      <label for="Wiki">Wiki</label><br>
      <input type="checkbox" id="Forum" name="Forum" value="Forum">
      <label for="Forum">Forum</label><br>
      <textarea id="comments" name="comments" row="4" cols="40" placeholder="Comments"></textarea><br>
      <input type="submit" id="submit" value="Submit">
    </form>

    </body>
    </html>
2

Hi there, did you have a question?

3

Name: <br
The id=“name-label” part won’t be accepted and I can’t post to the forum. I had to find a round about way to ask my question. Is there anyway you can assist me?

4

can you post a link to the challenge?

Also why do you say you cannot post? (you are posting right now?)

5

Plus i tried to move ahead to the next section the CSS Box Model. On step one I got the correct answer and I can’t Submit it. I need more assistance.

6

I’m not sure how I go about doing that, and I can’t press create a help post on the forum button.

7

can you close your curriculum tab on the browser and recycle the whole browser and reopen fcc after that? I believe this may fix you issue with the button(s) not working to open a new post.

As for the link to the challenge, you just need to copy the URL from the top of the challenge and paste it here (or even better, edit your top post and add it there).

8

I’m sorry i’m not very tech savvy, how do I edit my post?
Plus, I closed the tab and went back to the build a survey form and it still won’t let me post my question.

but thats the URL

9

you edit a post by clicking the pencil icon

deleteme
deleteme1557×252 23.5 KB

ps. try clicking more things…on this site it is perfectly safe.

10

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of 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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

11

the reason the label element is not being found by the test is because of a typo here
<lable id="name-label"

the word lable is not the correct spelling

12

lol my bad XD I didn’t realize that
thanks a lot friend

13

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