在前端开发过程中，表单输入框的大小是必需的，但是有时候难以实现动态调整输入框的大小。所以，我们需要使用 npm 包 autosize 来解决这个问题。
autosize 是一个可以自动调整 textarea 输入框大小的成熟 npm 包。它可以自适应文本框的输入内容，并且支持内容增加和删除后动态调整输入框的大小。下面是 autosize 的使用教程。
安装和引入
首先，使用 npm 安装 autosize:
npm install autosize
然后在需要使用的文件中引入 autosize：
import autosize from 'autosize';
使用
接下来，我们将使用 textarea 加入自动调整大小的功能。在 textarea 上添加 class="autosize"，然后在 JavaScript 文件中使用如下代码启动 autosize：
autosize(document.querySelectorAll('.autosize'));你可以通过以下方式自定义 autosize 的行为：
autosize(document.querySelectorAll('.autosize'), { })- $(selector, options)autosize.destroy(document.querySelectorAll('.autosize'))- 销毁autosizeautosize.update(document.querySelectorAll('.autosize'))- 强制更新autosizeautosize.updateUnchecked(elem)- 像update()方法一样工作，但要删除大小检查
示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------- ------------
------ ----------------
-- --- ----- -- - ----- ----- --- - ---------- ---- --
-------- -
------ -----
----------- -----------
-------- -----
------- --- ----- -----
-------------- ----
------- -----
-
--------
-------
------
--------- ----------------------------
------- -------------------------------------------------------------------------
--------------------------------------------------------------------------
-------
-------结论
通过以上介绍，你可以学习到如何使用 autosize 来实现输入框自动调整大小。这个 npm 包既简单又丰富，可以在前端开发中快速解决表单输入框大小的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/autosize