Learn HTML Forms by Building a Registration Form - Step 30

Instructions are to " To finish this fieldset off, link the text terms and conditions in the third label to the following location:

https://www.freecodecamp.org/news/terms-of-service/
```"
with the hint " You should use an `a` element to link to the terms and conditions." I don't remember how an "a" element is used here with links.


```html
<!-- 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 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>

<!-- 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;
}

Yep, we know what the instructions are :slightly_smiling_face:

What we don’t know is what you don’t understand about them. Please let us know so that we can help you.

Hello!

This step wants us to turn part of the text terms and conditions into a link.

If you remember how you did this with turning the words cat photos into a link, it is the same process.

Do not change any of the existing code, at the beginning of the step.

Add the anchor opening and closing tags, so only the words terms and conditions are changed into a link.

I hope this helps you!

Happy coding! :slight_smile:

1 Like

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