Learn HTML Forms by Building a Registration Form - Step 31

HTML-CSS
1

Tell us what’s happening:

I accept the terms and conditions

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

<!-- User Editable Region -->

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

<!-- User Editable Region -->

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

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 31

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

Add the text I accept the terms and conditions immediately after the input element in the newly added label. Then link the text terms and conditions to the following location:

Example Code

https://www.freecodecamp.org/news/terms-of-service/

Check Your Code (Ctrl + Enter)

Sorry, your code does not pass. Try again.

You should add I accept the terms and conditions text to the label following the third fieldset.

I accept the terms and conditions
4

Can you use your own words instead of copy-pasting the instructions at me please? I can read the instructions, but I do not know how you are stuck or confused.

5
I accept the terms and conditions here is my code i am unable to fix the error....it's how to create registration form and STEP 31
6

Please talk about how you are stuck on this problem.

7

error
error1113×737 109 KB

here is my code …please let me know the error

8

Ok, I cannot write the answer for you. Since you aren’t interested in talking about how you are stuck, I’ll let someone else give you the answer when they read this topic.

9

i shared the picture…

10

Right. You asked me to just give you the answer. I don’t think that is at all helpful to learners so I don’t do it. Communication is a critical professional skill, and I prefer engaging in discussions about how a person is confused instead of just fixing code for people.

11

As I am new to coding I am unable to find the ERROR with my code. Got struck with Terms and conditions link in coding i mean where really i should be placed bfore closing label or after closing a.

12

It got resolved any how thanks for your response.

1 Like
13

Hi everyone, how can I learn about accessibility?

1 Like
14

With this doc you will learn some new thing mozilla doc

15

Hello @tomx !

Here is a link to help with learning how to create links of text and images. It has great guidance and examples.

Wishing you much success on your coding journey. :slightly_smiling_face:

17

Hi and welcome to the forum!

Please open a new topic for your question.

1 Like