Learn HTML Forms by Building a Registration Form - Step 24

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
It keeps telling me that the label elements should be siblings.
This looks correct to me, pls help

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>

<!-- User Editable Region -->

      <fieldset>
        <label/>
        <label/>
      </fieldset>

<!-- User Editable Region -->

      <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/122.0.0.0 Safari/537.36

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 24

2

You appear to have created this post without editing the template. Please edit your post to 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

Disregard this post, the solution was really simple.
Solution:

4

Welcome to FFC forum. Your label tags is not correct. You need label opening and closing tags.
Example
<elementName> </elementName>
Following the example, create required label opening and closing tags. Remember you need two label opening and closing tags.
@dezokitaka

5

IIn the build a registration form lesson, I am attempting to nest a textarea element to a label element. It has asked me to provide text for the label ‘provide bio’ I believe my code is correct and have checked with chat GPT - but I am receiving the error - You should give the label a text of Provide a bio: .

Can someone please help as I have been stuck on this challenge all morning.

         <label>Provide a bio:
          <textarea></textarea>
        </label>
  
        <label>Upload a profile picture: <input type="file" /></label>
        <label>Input your age (years): <input type="number" min="13" max="120" /></label>
        <label>How did you hear about us?
          <select>
            <option value="">(select one)</option>
            <option value="1">freeCodeCamp News</option>
            <option value="2">freeCodeCamp YouTube Channel</option>
            <option value="3">freeCodeCamp Forum</option>
            <option value="4">Other</option>
          </select>
        </label>

      </fieldset>
type or paste code here
6

Hello and welcome to the forum. If you have any questions, please create a new topic using the Help button that is found in your challenge.

7

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