Learn HTML Forms by Building a Registration Form - Step 20

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
code doesnt pass
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" /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" /></label>
        <label for="email">Enter Your Email: <input id="email" type="email" /></label>
        <label for="new-password">Create a New Password: <input id="new-password" type="password" /></label>
        <input type="submit" value="submit">
      </fieldset>
      <fieldset></fieldset>
      <fieldset></fieldset> <input type="submit"
      


<!-- 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

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

Link to the challenge:

2

The instruction: " add an input element with the type attribute set to submit and the value attribute set to Submit ."

  • Your input element is not closed with the right angle bracket >
  • Add the ‘value’ attribute’ set to “Submit” to the input element (in other words, the input element should include two attributes):
<element attribute="value" attribute="value">

This is guidance.

3

hey Dobar,
this is what i have but still doesnt pass, why?

5

To show your new code

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 (').

6

…

…

7 
<input type="submit" value="submit">
8

So the directions say

" add an input element with the type attribute set to submit and the value attribute set to Submit ."

Look at the how the challenge asks for the value attribute Submit vs the value attribute submit that you have

9

i did change and capitalise but still not right

10

Show us all the code not just the one line

11 
  <fieldset>
        <label for="first-name">Enter Your First Name: <input id="first-name" type="text" /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" /></label>
        <label for="email">Enter Your Email: <input id="email" type="email" /></label>
        <label for="new-password">Create a New Password: <input id="new-password" type="password" /
        ></label>
    <input type="submit" value="Submit" />
              </fieldset>
                                 <fieldset></fieldset>
      <fieldset></fieldset>
12

Your input is not in the correct place

The directions say

" after the last fieldset element"

You still have it before the last fieldset

2 Likes
13

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