Share Tạo form đẹp mắt một cách nhanh chóng với thư viện Boilerform

[filiallion]

Language

Tiếng Việt

Mặc định các trình duyệt khác nhau tạo ra một kiểu dáng form khác nhau và thật sự là không được đẹp. Nếu các bạn muốn tạo ra một form có kiểu dáng đồng nhất trên mọi trình duyệt từ máy tính, máy tính bảng cho tới điện thoại di động thì các bạn có thể viết CSS tuỳ chỉnh. Tuy nhiên, các bạn có thể sử dụng thư viện Boilerform để tạo form một cách nhanh chóng mà lại còn đẹp mắt nữa.

Thư viện Boilerform được viết hoàn toàn bằng CSS, giúp tuỳ chỉnh các thành phần của form theo phong cách hiện đại và chuyên nghiệp. Việc sử dụng thư viện Boilerform cũng rất đơn giản, các bạn chỉ việc khai báo class CSS ở thẻ form là có thể áp dụng tuỳ chỉnh cho tất cả các thành phần bên trong form.

Để sử dụng thư viện Boilerform, các bạn tải tại địa chỉ https://github.com/andybelldesign/boilerform và tích hợp vào website với dòng mã lệnh HTML như sau:

<link href="path/to/boilerform.min.css" rel="stylesheet">

Nếu các bạn muốn sử dụng thêm các hiệu ứng trên form thì các bạn có thể tích hợp thêm thư viện JavaScript như sau:

<script src="path/to/boilerform.min.js"></script>

Bây giờ các bạn tạo form theo phong cách Boilerform như sau:

<form class="boilerform">
    <input type="text">
    <input type="radio">
    <input type="checkbox">
</form>

Các bạn có thể tìm hiểu thêm về thư viện Boilerform tại địa chỉ https://boilerform.design.