Debug a Donation Form - Debug a Donation Form

Curriculum Help
,
1

Tell us what’s happening:

You should associate every input element with a label element using the for and id attributes.
Completed all that asked, still not working.

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

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

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

    <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/148.0.0.0 Safari/537.36

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

2

Welcome to the forum @Mob,

The id attribute should go in the input element and match the for attribute in the label element to make an association between the two.

Edit –
Here’s an example from MDN:

<label for="username">Click me to focus on the input field</label>
<input type="text" id="username" />

HTML label element - HTML | MDN

Happy coding

3

I’ve done it. Thankyou so muchh!