Debug a Donation Form - Debug a Donation Form

HTML-CSS
1

Tell us what’s happening:

Below is my code and my issue is that the third input element in this code must have a required attribute. Despite having the attribute in the third input from the below code, the test still did not pass

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

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

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


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

<input type="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/144.0.0.0 Safari/537.36

Challenge Information:

Debug a Donation Form - Debug a Donation Form

2

Watch the spacing between your attributes.

Don’t change the name or id from what it was originally (it was amount)

2 Likes
7

thank you so much i applied your suggetion and it works

1 Like