I’'m Stuck on the last one!
- At least two of your input elements should be required and have an aria-required attribute set to true.
ive tried >required='aria-required=‘true’
with two> ‘’ at the end with> ’ at the end and every other thing i can think of
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='puzzle-cube'>Cube of Frustration</img>
</section>
<section>
<h2>Payment Information</h2>
<form>
<div>
<input type='text' required='aria-required='true'' placeholder='Card Name' id='card-name' name='card-name'>
<label for='card-name'>Card Name</label>
</input>
</div>
<div>
<input type='number' required='aria-required='true'' placeholder='Card Number' id='card-number' name='card-number'>
<label for='card-number'>Card Number</label>
</input>
</div>
<div>
<input type='number' type='number' required='aria-required='true'' id='expiry-date' name='expiry-date' placeholder='MM/YY'>
<label for='expiry-date'>Expiry Date</label>
</input>
</div>
<div>
<input type='number' id='cvv' name='cvv' required='aria-required='true'' placeholder='CVV'>
<label for='cvv'>CVV</label>
</input>
</div>
<div>
<button id='place-order' name='place-order' type='button'>Place Order</button>
</div>
</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/134.0.0.0 Safari/537.36
Challenge Information:
Build a Checkout Page - Build a Checkout Page
