Ô nhập liệu và nhãn
Bài học 2 trên 7 trong khóa học Dự án biểu mẫu đăng nhập HTML/CSS của Coddy.
Thẻ <input> là vùng chứa các loại phần tử đầu vào khác nhau, chẳng hạn như: trường văn bản, hộp kiểm, nút chọn, nút gửi, v.v.
Đặt loại bằng thuộc tính type,
<input type="text">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="submit">Bạn nên thêm thẻ <label> vào phần tử đầu vào,
<label for="password">Password:</label>
<input type="text" id="password">Lưu ý rằng thuộc tính for phải khớp với thuộc tính id của phần tử đầu vào để liên kết chúng với nhau.
Thử thách
DễThêm hai phần tử đầu vào có nhãn, với id "username" và "password", đặt kiểu của các phần tử đầu vào lần lượt là "text" và "password". Đừng quên liên kết mỗi nhãn với phần tử đầu vào tương ứng.
Bạn nên thêm các thẻ <br/> để tạo khoảng cách giữa mọi thứ!
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Viết code HTML ở đây -->
</body>
</html>Tất cả bài học trong Dự án biểu mẫu đăng nhập HTML/CSS
Tự luyện tập: Playground Web