Build a Hotel Feedback Form - Step 22

HTML-CSS
1

Tell us what’s happening:

i am getting error in step 22 give me correct code in build a hotel feedback form

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="Ex. 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>
          <label for="yes-option">Yes</label>
          <input id="yes-option" type="radio" name="hotel-stay" />
          <label for="no-option">No</label>
          <input id="no-option" type="radio" name="hotel-stay" />
        </fieldset>


<!-- User Editable Region -->

        <fieldset>
          <legend>
            Why did you choose to stay at our hotel? (Check all that apply)
          </legend>
          <label for="ads">Social Media Ads</label>
          <input type="checkbox" id="aircular" name="furniture" value="ads"
          
        </fieldset>

<!-- User Editable Region -->

      </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/138.0.0.0 Safari/537.36

Challenge Information:

Build a Hotel Feedback Form - Step 22
https://www.freecodecamp.org/learn/full-stack-developer/workshop-hotel-feedback-form/step-22

2

Hi.

Your id and name attributes need checking against what was asked. You do not have a closing angle bracket on your input element.

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

id, name and value attributes to “ads”

4

Hi Buddy, See here you need to connect your label element with your input element and to connect both of them the for and id value should be the same.

Another thing is see here the instructions

Below your label element, add a checkbox input with the id, name and value attributes set to "ads"

Here You’re guided too put the name and value should be same.

Hope This helps you.

5

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