Learn HTML Forms by Building a Registration Form - Step 31

Tell us what’s happening:

Describe your issue in detail 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>
        <legend>Account type (required)</legend>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" checked /> Personal</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" /> Business</label>
        <label for="terms-and-conditions">I accept the terms and conditons <input type="checkbox" id="terms-and-conditions" required/><a href="https://www.freecodecamp.org/news/terms-of-service"> terms and conditions</a></label>

<!-- User Editable Region -->

       <label>I accept the <a href="https://www.freecodecamp.org/news/terms-of-service">terms and conditions</a></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 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/119.0

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 31

1 Like

Awesome! Are you missing a ‘.’ at the end of ‘terms and conditions’ ? The text has to match example exact. Besides that I think it looks great!


Welcome to the community @123456sasidharan !

To add to the good guidance provided by @albert_kucz.

I notice there are two sets of terms and conditions.
I suggest resetting the step and placing the text behind the input element, instead of before it. Then, when the anchor is placed around the text terms and conditions
, and following the guidance of @albert_kucz, you should be able to move on in your coding journey.

Please make sure not to add, delete, nor change anything else, including spaces.


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