Learn HTML Forms by Building a Registration Form - Step 22

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
I added the input for the password “minlenght” but the code does seems to go through,what am i getting wrong 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 id="new-password" type="password" required minlength:'8'/></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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36 OPR/107.0.0.0

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 22

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

I am learning the HTML form fill section, and i have reach step 22, where it says Add custom validation to the password input element, by adding a minlength attribute with a value of 8 . Doing so prevents inputs of less than 8 characters being submitted…And i have added the required Code, within the password input as requested, but the code doesnt go through…Did i not write the code in its right place??If not could i corrected

4

Create a New Password: <input id=“new-password” type=“password” required minlength:‘‘8’’/>

you should have use double quotes this is your code

5

You need equal = sign after min length property, instead of semicolon :

@rwabugiri01

6

Hello @rwabugiri01 !

A small error that we all make at times.

There should be a = assignment instead of the : colon.

Doing good on your coding pathway.

7

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