Tell us what’s happening:
I am working on an HTML form and need to ensure my label element contains the exact text “Personal Recommendation.” Despite following the instructions and double-checking for extra spaces, line breaks, and hidden characters, my code still does not pass the test. I have also tried both placing the input after the label and wrapping the input inside the label, but the issue persists. I am looking for guidance on any additional requirements or common pitfalls I might be missing.
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>
<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="ads" name="ads" value="ads" />
<label>
<!-- User Editable Region -->
<label for="recommendation">Personal Recommendation</label>
<input
type="checkbox"
id="recommendation"
name="recommendation"
value="recommendation"/>
<!-- User Editable Region -->
</fieldset>
</form>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:140.0) Gecko/20100101 Firefox/140.0
Challenge Information:
Build a Hotel Feedback Form - Step 23