- Messages
- 585
- Points
- 10
- Language
- Tiếng Việt
Các trình duyệt web hiện tại đã hỗ trợ thuộc tính CSS giúp cho textarea có thể thay đổi kích thước dễ dàng. Tuy nhiên, để textarea có thể tự động thay đổi kích thước theo nội dung văn bản thì đòi hỏi các bạn phải can thiệp bằng JavaScript. Thư viện Autosize là một thư viện rất gọn nhẹ dùng để thực hiện việc thay đổi tự động kích thước của textarea, khi nội dung có nhiều hàng thì kích thước của textarea cũng sẽ lớn hơn theo chiều dọc để có thể chứa toàn bộ nội dung đó.
Thư viện Autosize yêu cầu thư viện jQuery nên các bạn phải tích hợp thư viện jQuery trước khi tích hợp Autosize. Các bạn có thể tải thư viện jQuery tại địa chỉ http://jquery.com/download.
Các bạn tải thư viện Autosize tại địa chỉ https://github.com/jackmoore/autosize.
Các bạn tích hợp thư viện Autosize vào website với dòng lệnh như sau:
Và các bạn kích hoạt thư viện Autosize đối với các textarea như sau:
Các bạn có thể tìm hiểu thêm về thư viện Autosize tại địa chỉ http://www.jacklmoore.com/autosize.
Thư viện Autosize yêu cầu thư viện jQuery nên các bạn phải tích hợp thư viện jQuery trước khi tích hợp Autosize. Các bạn có thể tải thư viện jQuery tại địa chỉ http://jquery.com/download.
Các bạn tải thư viện Autosize tại địa chỉ https://github.com/jackmoore/autosize.
Các bạn tích hợp thư viện Autosize vào website với dòng lệnh như sau:
HTML:
<script src="path/to/autosize.min.js"></script>
JavaScript:
autosize($('textarea'));