Tell us what’s happening:
Help is needed to diagnose the following errors.
I have been racking my brain trying to figure out what is wrong here.
9. Your card name input should have a type of text.
11. Your card number input should have a type of text.
16. You should have a p element with an id of card-number-help immediately after the card number input.
18. Your card number input should have aria-describedby set to card-number-help.
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Checkout Page</title>
</head>
<h1>Checkout</h1>
<section>
<h2>Your Cart</h2>
<figure>
<image src="https://cdn.freecodecamp.org/curriculum/labs/cube.jpg" alt=" Robix cube toy">
</figure>
</section>
<section>
<h2>Payment Information</h2>
<form>
<fieldset>
<legend>Credit card information</legend>
<label for="card-name">
<span id="card-name" aria-hidden="true">
* </span>Card Name (Required): </label>
<input type="text" id="card-name" name="card-name"
placeholder="e.g., John Doe" required/>
<br>
<label for="card-number">
<span id="card-number" aria-hidden="true">
* </span>Card Number (Required): </label>
<input type="text" id="card-number" name="card-number"
aria-describedby="card-number-help" required />
<p id="card-number-help">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend enim vitae tempus semper. Praesent malesuada urna enim, at ornare nulla finibus vitae.
</p>
</fieldset>
</form>
<section>
<body>
</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:
Build a Checkout Page - Build a Checkout Page