Build a Hotel Feedback Form - Step 21

HTML-CSS
1

Tell us what’s happening:

i have three checkbox inputs, but still says i need third checkbox input.

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>
          <input type="text" id="full-name" name="name" placeholder="e.g., John Doe" required size="20">

          <label for="email">Email address (required):</label>
          <input
            placeholder="example@email.com"
            required
            id="email"
            type="email"
            name="email"
            size="20"
          />
          <label for="age">Age (optional):</label>
          <input type="number" name="age" id="age" min="3" max="100" />
        </fieldset>

        <fieldset>
          <legend>Was this your first time at our hotel?</legend>
          <input id="yes-option" type="radio" name="hotel-stay" value="yes" />
          <label for="yes-option">Yes</label>
          <input id="no-option" type="radio" name="hotel-stay" value="no" />
          <label for="no-option">No</label>
        </fieldset>

        <fieldset>
          <legend>
            Why did you choose to stay at our hotel? (Check all that apply)
          </legend>

          <input type="checkbox" id="ads" name="choice" value="ads" />
          <label for="ads">Social Media Ads</label>

          <input
            type="checkbox"
            id="recommendation"
            name="choice"
            value="recommendation"
          />
          <label for="recommendation">Personal Recommendation</label>
          <inout type="checkbox" id="location" value="location" name="choice"/>
          <label for="Location">Location</label>         

<!-- User Editable Region -->

      <input type="checkbox" id="reputation" value="reputation" name="choice"/>
      <label for="reputation">Reputation</label>

<!-- 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/145.0.0.0 Safari/537.36 Edg/145.0.0.0

Challenge Information:

Build a Hotel Feedback Form - Step 21

1 Like
2

Hey @elkoholic6x6 ,

There’s only a couple things you need to fix and are super quick. Check for the typo in your location input right at the beginning. And the for label needs to match the id of the input exactly.

Fix those and you are set!

3

Thank you for your help. The littlest things I miss being new to writing code

1 Like
4

It’s perfectably understandable! We’ve all been there and believe me it never really stops haha

1 Like
5

Thanks that helped solved the error

6

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