Build a Hotel Feedback Form - Step 12

HTML-CSS
1

Tell us what’s happening:

19181716152021
Step 12
input elements can have a size attribute. This attribute defines the number of characters that should be visible as the user types into the input. The value of size should be a non-negative integer greater than zero. If size is not specified, or is specified with an invalid value, the input will have the default width set by the browser.

Example Code
Last Name:

Give the name and em

Your code so far

<!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 size="20"
            placeholder="example@email.com"
            required
            id="email"
            type="email"
            name="email"
          />         

<!-- User Editable Region -->

        </fieldset>
      </form>
    </main>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Hotel Feedback Form - Step 12

2

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

Did you try this?

Do you have a question about it?

3

Hi buddy, this is the name input element so you need to add the size=20 in this element also.

When you do so then it will be easy for you to pass this test.

Hope You Understand.