Learn HTML Forms by Building a Registration Form - Step 17

HTML-CSS
1

Tell us what’s happening:
stuck here dont know how to add id and for attribute at a time with only one value cant help it .

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <label>Enter Your First Name: <input for="first-name" /></label>
        <label>Enter Your Last Name: <input for="last-name" /></label>
        <label>Enter Your Email: <input for="email" /></label>
        <label>Create a New Password: <input for="new-password" /></label>
      </fieldset>
      <fieldset></fieldset>
      <fieldset></fieldset>
    </form>
  </body>
</html>

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}

label {
  display: block;
  margin: 0.5rem 0;
}

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: Learn HTML Forms by Building a Registration Form - Step 17

Link to the challenge:

2

hello, I see you posted some code. Did you have a question about it?

3

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <label>Enter Your First Name: <input for="first-name" /></label>
        <label>Enter Your Last Name: <input for="last-name" /></label>
        <label>Enter Your Email: <input for="email" /></label>
        <label>Create a New Password: <input for="new-password" /></label>
      </fieldset>
      <fieldset></fieldset>
      <fieldset></fieldset>
    </form>
  </body>
</html>

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}

label {
  display: block;
  margin: 0.5rem 0;
}

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: Learn HTML Forms by Building a Registration Form - Step 17

Link to the challenge:

4

hiya! we see you posted some code. Did you have a question though?

5

cant pass this stage

6

The fact that you are using the forum means that you can’t pass the Step. But we don’t know what about the instructions or hints is confusing for you or has you stuck. Can you please be specific?

7

sir there are two attribute with input is for and id but the value is one i am confused

8

The for attribute goes in the label. The id attribute is what you need for the input elements.

9

what is value of id same as for

10

same problem with me the attribute are two (for,id) and value is only one

11

Please ask questions in your own topic. Dt gets confusing when you spreaout across multiple topics.

12

ok let me explain in the last of code you can see label and input they asked me to link the first lable with input with the help of id and for attribute with the value of first-name ok . i am not able to pass this .

13

hello, in general, linking a label to an input is done with a for attribute and an id attribute respectively.
First the input must have an id attribute defined which is set to a unique value.
Second the label must have a for attribute defined which is set to the same value as the input it is referring to (the respective input).

(so for attr. in the label, matches id attr in the input)

14

thank you so much that worked

1 Like
15

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