I was asked to use the a element to link the text terms and conditions

Please how do I use the a element to link the text terms and conditions to the location ?

My code is not working, here it is:
terms and conditions

   **Your code so far**
\ file: <!DOCTYPE html>
<html>
 <head>
   <title>Registration Form</title>
	  <link rel="stylesheet" type="text/css" href="styles.css" />
 </head>
 <body>
   <h1>Registration Form</h1>
   <p>Please fill out this form with the required information</p>
   <form action='https://register-demo.freecodecamp.org'>
     <fieldset>
       <label>Enter Your First Name: <input type="text" required /></label>
       <label>Enter Your Last Name: <input type="text" required /></label>
       <label>Enter Your Email: <input type="email" required /></label>
       <label>Create a New Password: <input type="password" pattern="[a-z0-5]{8,}" required /></label>
     </fieldset>
     <fieldset>
       <label><input type="radio" name="account-type" /> Personal Account</label>
       <label><input type="radio" name="account-type" /> Business Account</label>
       <label><input type="checkbox" required /> I accept the terms and conditions</label> <a target="_blank" href="https://www.freecodecamp.org/news/terms-of-service/"> terms and conditions</a>
     </fieldset>
     <fieldset></fieldset>
     <input type="submit" value="Submit" />
   </form>
 </body>
</html>
<!DOCTYPE html>
<html>
 <head>
   <title>Registration Form</title>
	  <link rel="stylesheet" type="text/css" href="styles.css" />
 </head>
 <body>
   <h1>Registration Form</h1>
   <p>Please fill out this form with the required information</p>
   <form action='https://register-demo.freecodecamp.org'>
     <fieldset>
       <label>Enter Your First Name: <input type="text" required /></label>
       <label>Enter Your Last Name: <input type="text" required /></label>
       <label>Enter Your Email: <input type="email" required /></label>
       <label>Create a New Password: <input type="password" pattern="[a-z0-5]{8,}" required /></label>
     </fieldset>
     <fieldset>
       <label><input type="radio" name="account-type" /> Personal Account</label>
       <label><input type="radio" name="account-type" /> Business Account</label>
       <label><input type="checkbox" required /> I accept the terms and conditions</label> <a target="_blank" href="https://www.freecodecamp.org/news/terms-of-service/"> terms and conditions</a>
     </fieldset>
     <fieldset></fieldset>
     <input type="submit" value="Submit" />
   </form>
 </body>
</html>
\ file: body {
 width: 100%;
 height: 100vh;
 margin: 0;
 background-color: #1b1b32;
	color: #f5f6f7;
}

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

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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Step 26

Link to the challenge:

1 Like

Look at the output, you will see two terms and conditions.
Your link should be inside the checkbox.

You can replace the terms and conditions in the checkbox with the <a> element you created.
Also make sure to check your spacing before the terms....

2 Likes

Put terms and conditions between <a> and </a> tag.

<label><input />I accept the <a>terms and conditions</a></label>

1 Like

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