Debug a Donation Form - Debug a Donation Form

Tell us what’s happening:

I’m having trouble with step 11. If i add a label for the final input field it tells give me an error of “you should only have 4 labels” but if i remove the final input field the error I receive is “you should have exactly 5 input elements” is this a bug? How am I supposed to label this input field?

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Donation Form</title>
</head>
<body>
  <h1>Donation Form</h1>
  <form>
    
    <label for="text" id="full-name">Full Name:</label>
    <input type="text" name="name" required />

    <label for="email" id="email-address">Email Address:</label>
    <input type="email" name="email" required />

    <label for="number" id="donation-amount">Donation Amount ($):</label>
    <input type="number" name="amount" required />

    <input type="checkbox" name="newsletter" />
    <label for="checkbox" id="subscription">Subscribe</label>

    <input type="submit" value="Send" />
  </form>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (iPad; CPU OS 18_6_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Brave/1 Mobile/15E148 Safari/604.1

Challenge Information:

Debug a Donation Form - Debug a Donation Form

How is that a bug?

Don’t add another label and don’t remove the input.

None of your labels are associated correctly.

How do you associate a label with an input?