Design a Registration Form - Step 27

HTML-CSS
1

Tell us what’s happening:

I am stuck at this step 27. I have done this and the current step that is showing its wrong .
Add an anchor element with the text Read our terms and conditions before the newly added label. Set the href to:”website link”. Then add the text I accept the terms and conditions immediately after the input element in the label.
answer
Read our terms and conditions
(i can not write the full code)

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" value="personal" checked /> Personal</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" value="business"/> Business</label>
      </fieldset>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

    </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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Design a Registration Form - Step 27

2

Your code is correct, but it looks like you have changed some of the starting code (there was an emptyfieldset element before the label). To fix this, please click the reset button to restore the original code and try again.

image

3

I did that but it still says that its wrong.

4

Please share your updated code

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

ALL of your updated code, please.

2 Likes
8

I got it!! I thought you said restart and do everything in fieldset again. But now I update it according to your previous reply and it works. Thank you so much.

1 Like