What am I doing wrong cause it says I need a name and a email input of a size =“20” and I don’t understand what that means
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Hotel Feedback Form</title>
</head>
<body>
<header>
<h1>Hotel Feedback Form</h1>
<p>
Thank you for staying with us. Please provide feedback on your recent
stay.
</p>
</header>
<main>
<form method="POST" action="https://hotel-feedback.freecodecamp.org">
<fieldset>
<legend>Personal Information</legend>
<label for="full-name">Name (required):</label>
<!-- User Editable Region -->
<input type="text" id="full-name" name="name" placeholder="e.g., John Doe" required>
<label for="email">Email address (required):</label>
<input
placeholder="example@email.com"
required
id="email"
type="email"
name="email"
/>
<form>
<label for="size">Name:</label>
<input id="size" name="name" type="text" size="20" />
<label for="size">Email:</label>
<input id="size" name="email" type="email" size="20" />
<input type="submit" value="Submit" />
</form>
<!-- User Editable Region -->
</fieldset>
</form>
</main>
</body>
</html>
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36 Edg/142.0.0.0
Build a Hotel Feedback Form - Step 12
Apply the discussed attribute to both of your input fields. You might want to reset the lesson bring back the default code.
You should give the name input a size attribute with a value of "20".
2. You should give the email input a size attribute with a value of "20".
Last Name:
<input id="lastName" name="lastName" type="text" size="20" />
Last Name:
<input id="lastName" name="lastName" type="text" size="20" />
I did this by fixing
Did you reset the lesson first? If so, please send the whole code.
You should apply your changes to the inputs here.
<label for="email">Email address (required):</label>
<input
placeholder="example@email.com"
required
id="email"
type="email"
name="email"
size="20"
/>
Send your actual code, not screenshots.
<input type="text" id="full-name" name="name" placeholder="e.g., John Doe" required>
<label for="email">Email address (required):</label>
<input
placeholder="example@email.com"
required
id="email"
type="email"
name="email"
/>
<label for="email">Email address (required):</label>
<input
placeholder="example@email.com"
required
id="email"
type="email"
name="email"
size="20"
/>
<label for="name">Email address (required);</label>
<input
placeholder="example@email.com"
required
id="name"
type="name"
name="name"
size="20"
/>
ILM
November 24, 2025, 3:40pm
14
you have duplicated elements, reset the step, add the attribute, do not add new elements
input
placeholder="example@email.com"
required
id="email"
type="email"
name="email"
size="20"
/>
<input
placeholder="example@email.com"
required
id="name"
type="name"
name="name"
size="20"
/>
I did that and then You should give the name input a size attribute with a value of “20”.
ILM
November 24, 2025, 3:53pm
16
can you share all the code? it is difficult to know what you did with a small snippet
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Hotel Feedback Form</title>
</head>
<body>
<header>
<h1>Hotel Feedback Form</h1>
<p>
Thank you for staying with us. Please provide feedback on your recent
stay.
</p>
</header>
<main>
<form method="POST" action="https://hotel-feedback.freecodecamp.org">
<fieldset>
<legend>Personal Information</legend>
<label for="full-name">Name (required):</label>
<input type="text" id="full-name" name="name" placeholder="e.g., John Doe" required>
<label for="email">Email address (required):</label>
<input
placeholder="example@email.com"
required
id="email"
type="email"
name="email"
size="20"
/>
<input
placeholder="example@email.com"
required
id="name"
type="name"
name="name"
size="20"
/>
</fieldset>
</form>
</main>
</body>
</html>
ILM
November 24, 2025, 4:13pm
18
I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add the backticks.
See this post to find the backtick on your keyboard.Note: Backticks (`) are not single quotes (').
ILM
November 24, 2025, 4:13pm
19
you have added the name input, reset the step, do not add any input
ILM:
`
<meta charset="UTF-8" />
<title>Hotel Feedback Form</title>
<header>
<h1>Hotel Feedback Form</h1>
<p>
Thank you for staying with us. Please provide feedback on your recent
stay.
</p>
</header>
<main>
<form method="POST" action="https://hotel-feedback.freecodecamp.org">
<fieldset>
<legend>Personal Information</legend>
<label for="full-name">Name (required):</label>
<input type="text" id="full-name" name="name" placeholder="e.g., John Doe" required>
<label for="email">Email address (required):</label>
<input
placeholder="example@email.com"
required
id="email"
type="email"
name="email"
size="20"
/>
</fieldset>
</form>
</main>
