Debug a Donation Form - Debug a Donation Form

HTML-CSS
1

Tell us what’s happening:

i dont understand why I keep messing this up so much, I read up that inputs have to have the same id as labels yes? so why can’t i get past this label inputs thing??? yes this is a certification project but I’ve never struggled with something in my life!!!

any advice and tips would be great

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

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

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

    <label for="newsLetter" id="newsLetter">Subscribe</label>
    <input id="newsLetter" type="checkbox" name="newsletter">
    
    
    <label for="submit" id="submit">Submit</label>
    <input type="submit" value="Send">
  </form>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36

Challenge Information:

Debug a Donation Form - Debug a Donation Form

2

I think your understanding of element id’s might be a bit off. Can two elements share the same id?

3

Do different people get different certification projects? My html one wasn’t this one.

The instructions say:

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.

You seem to have some extra id’s there.