Learn HTML Forms by Building a Registration Form - Step 30

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

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>
<label><input> <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions></a></label>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" /> Personal Account</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business Account</label>
        <label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required /> I accept the terms and conditions</label>
      </fieldset>
      <fieldset></fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>
/* file: styles.Ext.css */
<!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>
<label><input> <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions></a></label>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" /> Personal Account</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business Account</label>
        <label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required /> I accept the terms and conditions</label>
      </fieldset>
      <fieldset></fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>

Your mobile information:

M2101K6G - Android 13 - Android SDK 33

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

Link to the challenge:

In fact, what is desired is very clear, and although it seems very simple to do, I do not pass this place.
Help please.

Hello!

This steps wants us to place an anchor around only the words terms and conditions.
Remember to turn any text into a link , we place the opening anchor before the first letter of the first word, and the closing anchor after the last letter of the last word.
Example only:

text < a href="some url">link creation< /a>

I hope this helps you.

Keep up your great progress! :slight_smile:

2 Likes

I have tried everything but unfortunately I could not solve the problem.

you can try to reset the session first, then type in again terms and conditions

the reset works for me.

2 Likes

Make sure to leave a space between your opening <a> tag and the text ‘terms and conditions’.

2 Likes

I tried but it wasn’t found. Maybe I’m making a mistake in the previous part.

<label <input

I don’t think there is an error after <a. I might be wrong before <a.

<label <input

If you were to have an issue with the code from previous steps, resetting the step would have corrected that for you. I think your issue might be with linking the text ‘terms and conditions’. Can you post your updated link by pasting it between the ```` marks that appear when clicking the </> button?

It might have been easier to paste your code between Preformatted text in your reply.
Either way it looks like you didn’t link your text ‘terms and condition’.

Can you see the words ‘terms and conditions’ in your sentence?
Put an opening <a> tag before it with a ‘href’ attribute and a closing </a> tag nested inside your label element.
Ex:

I am <a href="">cute</a></label>

Now the word ‘cute’ becomes a link. You want to do the same thing with the words ‘terms and conditions’ from your sentence.
This can be a little hard to get right so this article explains how nesting links works in a very clear manner:

Hope this helps.

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