Làm thế nào để - Biểu mẫu tìm kiếm hoạt ảnh
Tìm hiểu cách tạo biểu mẫu tìm kiếm động bằng CSS.
Cách tạo một biểu mẫu tìm kiếm hoạt hình
Nhấp vào trường nhập:
Bước 1) Thêm HTML:
Thí dụ
<input type="text" name="search" placeholder="Search..">
Bước 2) Thêm CSS:
Thí dụ
input[type=text] {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
/* When the input field gets
focus, change its width to 100% */
input[type=text]:focus {
width: 100%;
}
Mẹo: Đi tới Hướng dẫn về Biểu mẫu HTML của chúng tôi để tìm hiểu thêm về Biểu mẫu HTML.
Đi tới Hướng dẫn về biểu mẫu CSS của chúng tôi để tìm hiểu thêm về cách tạo kiểu cho Biểu mẫu HTML.