Floating Label hoạt động với hình thức HTML5 hiện đại có hỗ trợ các thuộc tính giữ chỗ.
Nó hoạt động bằng cách lấy văn bản của một trình giữ chỗ và từ từ tạo hiệu ứng động nó trên các lĩnh vực chính nó bất cứ khi nào người sử dụng tập trung các con trỏ bên trong biểu mẫu.
Nếu người dùng nhập văn bản trong lĩnh vực này giữ chỗ sẽ vẫn ở trên giống như một nhãn hiệu cổ điển, và nếu người dùng rời khỏi hộp nhập liệu mà không cần nhập bất kỳ văn bản hoặc xóa văn bản trước đó, giữ chỗ là hoạt hình trở lại ở vị trí bình thường của nó.
Tất cả mọi thứ được thực hiện thông qua các hình ảnh động CSS3, hoàn toàn không liên quan đến JavaScript.
. Một trang demo này bao gồm trong gói Label nổi
Yêu cầu :
- CSS 3 kích hoạt trình duyệt
Bình luận không