Menu
CoddyTech
Bắt đầu học

Trường nhập liệu trong biểu mẫu I

Bài học 3 trên 19 trong khóa học Bản sao trang đăng nhập Netflix | Dự án front-end của Coddy.

challenge icon

Thử thách

Dễ
  1. Bên trong wrapper của biểu mẫu, tạo thẻ h2 với nội dung Sign In. 
  2. Bên dưới thẻ h2, tạo thẻ form.
  3. Bên trong thẻ form, tạo một div có tên lớp là form-control.

  4. Bên trong form-control, tạo một input có type là text và thuộc tính required:

    <input type="text" required>
  5. Bên dưới ô nhập văn bản, tạo thẻ label với nội dung: Email or phone number

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML ở đây -->
        <script src="script.js"></script>
    </body>
</html>

Tất cả bài học trong Bản sao trang đăng nhập Netflix | Dự án front-end

1Giới thiệu

Bạn sẽ tạo ra gì?

4CSS - II

NútBài học dự ánThay đổi nútBài học dự ánTô màu thêmBài học dự ánPhần dướiBài học dự án

2HTML

Thiết lập tiêu đề và phần baoTrường nhập liệu trong biểu mẫu IBài học dự ánTrường nhập liệu trong biểu mẫu IIBài học dự ánNútBài học dự ánVăn bảnBài học dự ánHoàn thiện HTMLBài học dự án

3CSS - I

Thẻ phổ quátBài học dự ánNavBài học dự ánLớp bao biểu mẫuBài học dự ánWrapper h2 và formBài học dự ánLớp điều khiển biểu mẫuBài học dự ánInputBài học dự ánLabelBài học dự ánHiệu ứng dịch chuyển khi focusBài học dự án

Tự luyện tập: Playground Web