All Tracks/lab checkout page/
Đang tải...
Hướng dẫn thử thách
1 / 1

Build a Checkout Page

**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab. **User Stories:** 1. You should have an `h1` element with the text `Checkout`. 1. You should have two `section` elements immediately after the `h1` element. 1. You should have an `h2` element with the text `Your Cart` within the first section. 1. You should have an image of an item in the first section with appropriate alternate text. You can use this image if you would like: `https://cdn.freecodecamp.org/curriculum/labs/cube.jpg` 1. You should have an `h2` element with the text `Payment Information` within the second section. 1. You should have a `form` element within the second section. 1. You should have an input with an `id` and `name` of `card-name`, and a `type` of `text` within your form and a `label` associated with it. 1. You should have an input with an `id` and `name` of `card-number`, and a `type` of `text` within your form and a `label` associated with it. 1. You should have at least two `input` elements with the `required` attribute. 1. You should include a `span` element with the text `*` and `aria-hidden` set to `true` inside the `label` element for each required input, so that required fields are visually indicated. 1. You should have a `p` element with a help text that explains the required card number format, placed immediately after the card number input. The `p` should have an `id` of `card-number-help` and be referenced by the card number input using `aria-describedby`.
Vượt qua bài kiểm tra hiện tại để mở khóa bài tiếp theo.
main.html
UTF-8 • Tab Size: 2Kiểm tra bài:⌘↵
Test Output
Thử thách này không có bài test tự động. Hãy quan sát kết quả trực tiếp ở khung Preview.