Thuộc tính của ô nhập
Thuộc phần Kiến thức cơ bản trong hành trình HTML của Coddy. Bài học 37 trên 60.
Dưới đây là một số thuộc tính hữu ích khác dành cho ô nhập văn bản:
placeholder: Hiển thị gợi ý ngắn mô tả giá trị cần nhập vào trường nhập liệu (ví dụ: "Enter your name").value: Đặt giá trị ban đầu cho trường nhập liệu.maxlength: Chỉ định số ký tự tối đa được phép nhập vào trường nhập liệu.
Đây là ví dụ về cách tạo ô nhập văn bản có văn bản gợi ý:
<input type="text" name="username" placeholder="Enter username">Trong ví dụ này, chúng ta có ô nhập văn bản với tên "username" và dòng gợi ý "Enter username". Khi ô nhập còn trống, dòng gợi ý sẽ hiển thị bên trong ô. Khi người dùng bắt đầu nhập, dòng gợi ý sẽ biến mất.
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:
- Một trường nhập văn bản có tên "firstname" và dòng gợi ý "Enter your first name".
- Một trường nhập văn bản có tên "lastname" và dòng gợi ý "Enter your last name".
- Một trường nhập văn bản có tên "email" và dòng gợi ý "Enter your email". Đặt độ dài tối đa của trường này là 50 ký tự.
Tự làm thử
<!DOCTYPE html>
<html>
<body>
<!-- Viết code ở đây -->
</body>
</html>Bà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 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