Build a Checkout Page Build an app that is functionally similar to this example project. Try not to copy the example project, give it your own personal style

HTML-CSS
1

Please someone help with the solution to this:

  1. All of your input elements that aren’t a type of submit should have a label element associated with them.
2

hi and welcome to the forum.

Unfortunately we need more information that you have currently provided to help you.

Please provide the following:
1- the code you are using
2- a link to the exercise you are trying to pass

thank you

3
  1. The Code: HTML
Checkout Page

Checkout

<section>
    <h2> Your Cart</h2>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/cube.jpg" alt="odering-product">
</section>

<section>
    <h2>Payment Information</h2>
    <form>
        
        <label>Card name</label>
        <input type="card-name" id="card-name" name="card-name" aria-required="true" required>

        <label>Card number</label>
        <input type="card-number" id="card-number" name="card-number" aria-required="true" required>
        
        <label>Card holder</label>
        <input type="card-holder" id="card-holder" name="card-holder" aria-required="true" required>

        <label>Expiry date</label>
        <input type="expiry-date" id="expiry-date" name="expiry-date" placeholder="MM/YY" required>

        <label>CVV</label>
        <input type="cvv" id="cvv" name="cvv" type="number" required>

        
        <button id="submit">Place order</button>

  </form>           
</section>
  1. The link: https://www.freecodecamp.org/learn/full-stack-developer/lab-checkout-page/build-a-checkout-page

Thanks.

4

thank you.
So looking at your code, I see you haven’t attempted to link your labels to their inputs yet?
Do you remember how you were taught to do this?

5

Thanks trying to help, but I’ve got it right now. I forgot to attach the (for=“”) attribute to my lable.

1 Like