Debug a Donation Form - Debug a Donation Form

HTML-CSS
1

Tell us what’s happening:

My code step 11 will not pass. I do not understand why.How can I fix my code.

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

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

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

    <input type="checkbox" name="newsletter"
id="Subscribelabel">
   <label for="subscribe" id="subscribe-label"> Subscribe</label>

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.2 Safari/605.1.15

Challenge Information:

Debug a Donation Form - Debug a Donation Form

2

I think this page will help you understand how element association works:

The for="" associate the the element with an other element, by the other elements id=""
For example:

<label for="otherElement"></label>
<input id="otherElement">

Make sure id´s appears only once. They are uniqe values.

1 Like
3

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