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.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>

<!-- User Editable Region -->

     <fieldset>
  <label for="personal-account">
    <input type="radio" id="personal-account">
    Personal Account
  </label>
  <label for="business-account">
    <input type="radio" id="business-account">
    Business Account
  </label>
</fieldset>
<fieldset>
  <label for="terms-and-conditions">
    <input type="checkbox" id="terms-and-conditions">
    <a href="https://www.freecodecamp.org/news/terms-of-service/"> I agree to the terms and conditions</a>
  </label>
</fieldset>


<!-- User Editable Region -->

      <fieldset></fieldset>
      <input type="submit" value="Submit" />
    </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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.43

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

Link to the challenge:

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

Hint

You should use an a element to link to the terms and conditions.

can u help me with this?

Restart step.

In the existing sentence in this challenge surround only the words “terms and condition” with ‘a’ tags. For the ‘href’ attribute’s value use the following address https://www.freecodecamp.org/news/terms-of-service/

P.S.
You have turned the whole sentence into a link.

i dont understand
can u be more specific

In this step you get the following:

<label for="terms-and-conditions"><input id="terms-and-conditions" type="checkbox" required> I accept the terms and conditions</label>

As you can see here, the sentence: “I accept the terms and conditions” is already given by default. Surround the words “terms and conditions” with anchor tags:

Text <a href="URL">three words mentioned above</a>

This is guidance.

thanks for guidance
it finally works

1 Like

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