Help with Step 15 - size="20" Not Passing

HTML-CSS
1

Screenshot 2025-03-19 212846
Screenshot 2025-03-19 2128461070×845 53.4 KB

Hi everyone,

I’m working on Step 15 of the HTML form challenge, where I need to add a size="20" attribute to both the name and email input fields. I believe I followed the instructions correctly, but my code is not passing the test.

2

Please post your actual code instead of a picture. Also, please post a link to the step. Thanks

3

here is my code:

<label for="full-name">Full Name:</label>
<input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">

<label for="email">Email address (required):</label>
<input type="text" id="email" name="email" placeholder="Ex. johndoe@example.com" required size="20">

And here is my link:https://www.freecodecamp.org/learn/full-stack-developer/workshop-hotel-feedback-form/step-15

4

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

5

Adding this is not part of the instructions.

Deleting what was there and replacing it with this was not part of the instructions.

I would reset the step and only do what the instructions ask with zero other changes.

Give the name and email inputs a size attribute with a value of "20".

6

can you share me full code to solve the problem

7

No, I cannot give you the answer to copy. Its against the forum rules and it hurts your learning.

I recommend doing what I said at the bottom of my last post and then sharing your new code if you get stuck.

8

Your suggestion is not working . Following your suggestion I try it. But it showing this : Sorry, your code does not pass. Hang in there.

You should give the name input a size attribute with a value of "20".

<input type="text" id="email" name="email" placeholder="Ex. johndoe@example.com" required size="20">
9

You are still adding code that is not in the instructions. Please reset the step and show me the starting code.

Then only add one attribute to these two elements in the starting code. Add absolutely nothing else.

10

< You should give the name input a size attribute with a value of "20" .>
it is showing but still don’t understand how to give the name inpute?

11

Please read my last post and do what I said.

  1. post the starting code

  2. add only those two attributes and nothing else

  3. post your updated code

12 
 <label for="full-name">Full Name:</label>
<input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">

<label for="email">Email address (required):</label>
<input type="text" id="email" name="email" placeholder="Ex. johndoe@example.com" required size="20">

first code is from step 14. Which is showing in step 15

13

That is not the starting code. Please actually reset the step and then post the starting code.

image

14 
<input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
          <label for="email">Email address (required):</label>
          <input
            placeholder="example@email.com"
            required
            id="email"
            type="email"
            name="email"
          />

here is the code

15

Fantastic. Now try to add only a size attribute while making zero other changes.

1 Like
16

Thank you for your support. It was useful.

1 Like