Tell us what’s happening:
I don’t know why I get this error
12. All of your input elements that aren’t a type of submit should have a label element associated with them.
even though I am using the label element with for attribute?
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Checkout Page</title>
</head>
<body>
<h1>Checkout</h1>
<section>
<h2>Your Cart</h2>
<img src="https://cdn.freecodecamp.org/curriculum/labs/cube.jpg" alt="rubik's cube">
<p>rubik's cube</p>
<p>29$</p>
</section>
<section>
<h2>Payment Information</h2>
<form>
<label for="card-name" >Cardholder name: <span aria-hidden="true">*</span></label>
<input id="card-name" name="card-name" type="text" required><br/>
<lable for="card-number" >Card number: <span aria-hidden="true">*</span></</label>
<input required id="card-number" name="card-number" type="text"
aria-describedby="card-number-help">
<p id="card-number-help">Please enter your 16-digit card number without spaces or dashes.</p>
<input type="submit" value="Place the order">
</form>
</section>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:155.0) Gecko/20100101 Firefox/155.0
Challenge Information:
Build a Checkout Page - Build a Checkout Page