Learn HTML Forms by Building a Registration Form - Step 23

HTML-CSS
1

Tell us what’s happening:
hi I tried a few options and I don’t know what’s wrong
Describe your issue in detail here.

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

<!-- User Editable Region -->

      <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 pattern:[a-z0-5 {8,} id="new-password" type="password" minlength="8" required /></label>
      </fieldset>

<!-- User Editable Region -->

      <fieldset></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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

Challenge: Learn HTML Forms by Building a Registration Form - Step 23

Link to the challenge:

2

I would recommend resetting Step 23’s lesson so this step might make more sense.

Step 23 tells you to add a pattern attribute to the password input element (the last input element within the editable text), and having it require the input match [a-z0-5]{8,} – which should look like this inside the input element:

pattern="[a-z0-5]{8,}"

Step 23 also tells you to remove the minlength attribute, which should make the input element look like so:

mod edit: removed solution

1 Like
3

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

2 Likes
4

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