Debug a Donation Form - Debug a Donation Form

HTML-CSS
1

Tell us what’s happening:

I’ve assigned all the labels to a valid id using the for method, but I still cannot seem to pass test 11?

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="full-name">Full Name:</label>
    <input type="text" name="name" id="full-name" required>

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

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

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

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36

Challenge Information:

Debug a Donation Form - Debug a Donation Form

2

Hi @SightSmash

You should associate every input element with a label element using the for and id attributes.

Do all the label elements have the associated for attribute?

Happy coding

3

How did I miss that! haha thank you

1 Like