Learn HTML Forms by Building a Registration Form - Step 31

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I keep getting that I should put I accept terms and conditions in the label in the third fieldset. It is. What am I doing wrong?
Your code so far

/* file: index.Ext.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 method="post" action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <label for="first-name">Enter Your First Name: <input id="first-name" type="text" required /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required /></label>
        <label for="email">Enter Your Email: <input id="email" type="email" required /></label>
        <label for="new-password">Create a New Password: <input id="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      </fieldset>
      <fieldset>
        <legend>Account type (required)</legend>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" checked /> Personal</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business</label>
      </fieldset>
      <fieldset>
        <label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required />I accept the terms and conditions <a rel="terms-and-conditions" href="https://www.freeCodeCamp.org/news/terms-of-service/"></label>
      </fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>

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

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

Your mobile information:

iPhone - iOS17.6.1

Challenge: Learn HTML Forms by Building a Registration Form - Step 31

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

This step wants you to “link the text terms and conditions”.

This means you should make this phrase clickable by nesting it in an anchor tag.

(This is unlike what you have done above because you have left the phrase as plain text and added a link to its right hand side instead)

Also note that anchor tags do not need a
rel attribute, just an href attribute.

Edit: if you need help remembering how to write an anchor tag, you can refer to other anchor tags you created earlier in the cat photo app project.

1 Like
4

I have done that and still end up wrong somehow.

5 
    <label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a></label>
  </fieldset>
  <fieldset></fieldset>
6

try removing the space before the word I here

1 Like
7

also, you changed the location of the code?
in the first code block you shared the new code was in the correct position in the file, but now you have an extra fieldset element after it?

1 Like
8

Hello @013Zahra !

Here is a link that provides great guidance and examples of how to create a link of both text and images.

Remember only the text we are turning into a link should be within the anchor tags.
We should keep that text in its original position in the sentence.

Wishing you good progress on your coding journey. :slightly_smiling_face: