Learn HTML Forms by Building a Registration Form - Step 30

Tell us what’s happening:
I can’t seem to solve this code. I am aware that I am supposed to use the a element somehow to link, but can’t manage to do so. Could anyone help me out here?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form method="post" action='https://register-demo.freecodecamp.org'>
        <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>

<!-- User Editable Region -->

        <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"> <a href="https://www.freecodecamp.org/news/terms-of-service/"></a> <input id="terms-and-conditions" type="checkbox" required /> I accept the terms and conditions</label>

<!-- User Editable Region -->

      <input type="submit" value="Submit" />
/* 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

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

Link to the challenge:


you have to wrap terms and conditions with an anchor tag.

1 Like


I understand that part but I dont know how to do it.

Could you show me?

As example you want to link specific part of a text: Here is my profile. And I want to link only the profile part. You can do it by this:

<p>Here is my <a href="link">profile</a></p>

Now I wrapped profile with an anchor tag successfully. You just have to replace the value “link” with the giving link which you can see in the task.


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