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

Design a Contact Form

**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab. **User Stories:** 1. You should have a `div` with a class of `form-container` to hold your form. 2. You should have a `form` element within the `.form-container` element. 3. Within the `form` element, you should have the following elements and input fields: - An `h2` element with some text. - A text input field for the name with the `type` set to `text` and `id`, `name`, `required` attributes. - An email input field with the `type` set to `email` and `id`, `name`, `required` attributes. - A textarea for the message with `id`, `name`, and the `required` attribute. - A `button` element with the text `"Submit"` and a `type` attribute of `submit`. 4. Each `input` and `textarea` elements should have their corresponding `label` element with a `for` attribute set to the element's `id`. 5. The `.form-container` element should have a background color, and have values for `border-radius`, `padding`, and `width`. 6. The `label` elements should have a margin and a font color. 7. The `input` and `textarea` elements should have values for: - `width`. - `padding`. - Margin on the bottom. 8. The `button` element should have a: - Background color - Font size apart from the default. 9. The button should have a hover effect that changes the background color. **Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
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.