Learn HTML Forms by Building a Registration Form - Step 26

HTML-CSS
1

Tell us what’s happening:

I’m getting there it’s just the extra detail needed.

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>

<!-- User Editable Region -->

          <label><input   type='radio' />Personal</label>
          <label><input type='radio' />Business</label>
          <a href="https://www.freecodecamp.org/news/terms-of-service/ terms and conditions"></a>
          

<!-- User Editable Region -->

      </fieldset>
      <fieldset></fieldset>
      <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/124.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 26

1 Like
2

Hello!
Add a space in-between both your input element and your text. Once doing that your code should pass.
Example: <input type="checkbox"> Box

3

It’s still not working show me a full example “One space at the front”.

4

Okay see this is how your code is: <label><input>instructed text</label>
But if you have text after an input element it is better to add a space before in-between your input element and your text.
Like this: <label><input> instructed text</label>
So just simply add a space before your instructed text in both your label elements.

5

Hello. Remove the extra spaces in your input elements

6

Please share the solution to this task, thanks. I’ve tried everything nothing’s working!

7

We do not give the solution as it is in the forums, instead we can guide you to the solution by pointing out the mistakes or by hints. Just giving the solutions will not help you in the future as it is likely that you will not completely understand the mistakes and make the same mistake. Instead, we can guide you, and this will also help you in improving your problem-solving skills which are essential in programming.

Please share your current code.

8 
<label><input type='radio'Personal</label>
    <label><input type='radio'Business</label>
    <a href="https://www.freecodecamp.org/news/terms-of-service/ terms and conditions"></a>
9

Do you offer any juvenile friendly solutions to help with tasks whilst coding? I’m learning to do it where I need solutions moreover constant headaches!?

10

(I’m relatively new to coding)

11

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

12

When you learn coding, you need to understand what you are doing, if the solutions was given to you, you would not be understanding.
Reset your code. Then after your input element, add a space and the the instructed text which is Personal and Business
<label><input/>space-then instructed text</label>

13

Thanks guys it was a minor error as directed!

1 Like
14

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