Ô nhập văn bản
Thuộc phần Kiến thức cơ bản trong hành trình HTML của Coddy. Bài học 36 trên 60.
Trong HTML, ô nhập văn bản được dùng để tạo các trường trong biểu mẫu để người dùng nhập văn bản. Có nhiều loại ô nhập văn bản, mỗi loại được thiết kế cho các dạng dữ liệu văn bản khác nhau. Loại phổ biến nhất là ô nhập văn bản một dòng, được tạo bằng thẻ <input> với thuộc tính type được đặt thành "text".
Đây là cú pháp cơ bản để tạo trường nhập văn bản trong HTML:
<input type="text" name="fieldname"><input>: Thẻ xác định trường nhập liệu.type="text": Thuộc tính chỉ định kiểu dữ liệu của trường nhập liệu là văn bản.name: Thuộc tính đặt tên cho trường nhập liệu, dùng để xác định dữ liệu khi biểu mẫu được gửi.
Lưu ý:
inputlà một thẻ đặc biệt, không cần thẻ đóng!
Thử thách
DễTạo một tài liệu HTML có biểu mẫu với các trường nhập văn bản sau:
- Trường nhập văn bản có tên “firstname”.
- Trường nhập văn bản có tên “lastname”.
Tự làm thử
<!DOCTYPE html>
<html>
<body>
<!-- Viết code ở đây -->
</body>
</html>
Tự kiểm traBài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Kiến thức cơ bản
1Kiến thức cơ bản về HTML
HTML là gì?Cấu trúc cơ bản của HTMLThẻ và phần tửThẻ lồng nhau và thẻ đóngChú thích trong HTML2Văn bản và định dạng
Tiêu đềĐoạn vănNgắt dòngChữ đậm và chữ nghiêngLại chữ đậm và chữ nghiêngÔn tập: định dạng8Biểu mẫu và đầu vào phần 1
Kiến thức cơ bản về biểu mẫuÔ nhập văn bảnThuộc tính của ô nhậpTrường mật khẩuNhãn cho ô nhậpÔn tập: biểu mẫu cơ bản11Trang đăng ký sự kiện
Tổng quan dự ánPhần đầu trang
Phần thông tin sự kiệnBiểu mẫu đăng kýPhần chân trang3Làm việc với danh sách
Danh sách không có thứ tựDanh sách có thứ tựDanh sách lồng nhauÔn tập: danh sách9Biểu mẫu và đầu vào phần 2
Nút radioHộp kiểmDanh sách thả xuốngNútNút trong biểu mẫuÔn tập: biểu mẫu #1Ôn tập: biểu mẫu #2Tự luyện tập: Playground Web