Debug a Donation Form - Debug a Donation Form

Tell us what’s happening:

#11 issue you should associate every input element with a label element using the for and id attributes. I don’t see the issue.

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 id="name-label" for="name">Full Name:
    <input type="name" name="name"
         placeholder="Full Name" required>
     
    <label id="email-label" for="email">Email Address:  
    <input type="email" name="email"
        placeholder="Email Address"required>
    <label id="donation-label" for="donation">Donation amount ($):     
    <input type="number" name="amount" min="1" max="100"
        placeholder="Amount"required>
        
    <label for="newsletter">Subscribe
    <input id="newsletter" Type="checkbox" name="newsletter">
      
    <input type="submit" name="submit"  value="submit">
    
    </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/151.0.0.0 Safari/537.36 Edg/151.0.0.0

Challenge Information:

Debug a Donation Form - Debug a Donation Form

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-debug-donation-form/690ddb5e6ee94eb73ed172b0.md at main · freeCodeCamp/freeCodeCamp · GitHub

This is the userstory

  1. You should associate each label element with its corresponding input element using the for attribute on the label and a matching id attribute on the input.

this is from your code:

first, where are the closing </label>?

is there an element with an id attribute with a value of name?

is there an element with an id attribute with a value of email?

is there an element with an id attribute with a value of donation?

is there an element with an id attribute with a value of newsletter?

i added the didn’t chang anything, and yes you everything else and its still the same.

please show me which elements have those values for their id attribute

<label  for="name">Full Name:</label>

<input   id="name" type="name" name="name"

     placeholder="Full Name"  required>

   

 

<label id="email" for="email">Email Address:  

<input type="email" name="email"

    placeholder="Email Address" required>

    </label>



<label id="donation" for="donation">Donation amount ($):    

<input type="number" name="amount" min="1" max="100"

    placeholder="Amount" required>

    </label>

   

<label id="subscribe" for="subscribe">Subscribe

<input type="checkbox" Type="checkbox" name="newsletter">

     </label>



     

<input type="submit" name="submit"  value="submit">

so is the label linking to itself?
are you sure this is correct?

Email Address:


I redid everything… and i’m still having the same issue

Full Name:

<label for="name">Full Name:</label>

<input id="name" name="name" type="name"

 placeholder="Full Name" required>



<label for="email">Email Address:</label>

<input id="email" name="email" type="email"

 placeholder="Email Address" required>



<label for="donation">Donation Amount ($): </label>

<input id="donation" name="amount" type="donation"

 placeholder="Amount" required>



<label for="subscribe">Subscribe</label>

<input id "subscribe" type="checkbox" name="newsletter">



<input type="submit" name="submit" value="submit">

remeber you can’t have multiple elements with the same id

can you elaborate please.

never mind I passed it.

thats my question too dude!

hi @firaolgurme854 please create your own post to ask for help

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge.

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

You missed putting an equal sign to link that ID. For Subscribe, try reordering your code inside all inputs.

Instead of <input id "subscribe" type="checkbox" name="newsletter">

try doing it like this <input type="checkbox" id="subscribe" name="newsletter">