Debug a Donation Form - Debug a Donation Form

HTML-CSS
1

Tell us what’s happening:

I’m a beginner yes but this is the one question I am so confused about on this bootcamp. Amazing to be a part of and join in but this Donation form is confusing me, it wants me to remove the “required” from the check box when I’m there wearing glasses and doing research. I cant actually figure out whats what!!!
I cant seem to even get the Labels and Input right, I have been genuinely been working through this for months. so so confused !
thanks for any help with this! I

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

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

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

    <input type="submit" value="donate" />
  </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

Hi @bunnyprog ,

This is the original starting code.

<form>
    
    Full Name:
    <input type="text" name="name"></input>

    Email Address:
    <input type="text" name="email">

    Donation Amount ($):
    <input type="number" name="amount"></input>

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

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

It looks like you may have changed the starting code in areas you were not asked to change, which will cause the tests to fail. Please click the reset button to restore the original code and try again.

image

Do not change anything you are not asked to change in the instructions.

Happy coding!

3

Hi @bunnyprog, first, watch out for duplicate id attributes. Look at this part:

Also, you shouldn’t change the submitted name attributes or the attribute names that were already provided, look here:

  <form>
    
    Full Name:
    <input type="text" name="name"></input>

    Email Address:
    <input type="text" name="email">

    Donation Amount ($):
    <input type="number" name="amount"></input>

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

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

Compare the expected names with what you wrote!
Take another careful look at the required attribute names and make sure they match exactly.
Hope that helps :blush:

4

It’s a good idea to reset the lab and start over, as @dhess mentioned.
Just look carefully at the hints we gave you.
Enjoy coding :blush: