Tell us what’s happening:
I’ve tried many times but still don’t know what is the problems and what’s my mistakes
please help
//running tests
11. Your card number input should have a type of text.
18. Your card number input should have aria-describedby set to card-number-help.
//running tests
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://www.currentbody.com/cdn/shop/files/series_2_red_light_mask-side_on_800x.png?v=1769185325" alt="LED Face Mask">
<p>CURRENTBODY LED Red Light Therapy Face Mask
</p>
<caption>£399.99</caption>
</section>
<section>
<h2>Payment Information</h2>
<form>
<div>
<label for="card-name">Cardholder Name<Span id="Card-Name" aria-hidden="true">*</span>
<input type="text" id="card-name"name="card-name" required/></label>
</div>
<div>
<label for="card-number">Card Number<Span id="card-number" aria-hidden="true">*</span>
<input id="card-number" name="card-number" type ="text" required
aria-describedby ="card-number-help"></label>
<p id= "card-number-help" aria-describedby ="card-number-help">Please enter your 16-digit card number without spaces or dashes.</p>
</div>
<div>
<label for="expiry date">Expiry Date<Span id="expiry-date" aria-hidden="true">*</span>
<input required type="text" name="expiry-date" id="expiry-date"/></label>
</div>
<div>
<label for="card-pin">CVV<Span id="card-pin" aria-hidden="true">*</span>
<input required type="text" name="card-pin" id="card-pin"/></label>
</div>
<input type="submit" value="submit"/>
</form>
</section>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36
Challenge Information:
Build a Checkout Page - Build a Checkout Page
