autosize实现textarea标签高度自适应
AutoSize 是一个用于 textarea 的库，可以实现文本框高度的自适应。以下是一个简单的实例代码，展示如何使用 AutoSize 来实现 textarea 高度的自适应：
首先，确保你已经引入了 AutoSize 的库。你可以通过 CDN 或者将其下载到本地来引入。
<script src="https://cdn.jsdelivr.net/npm/autosize@4.0.2/dist/autosize.min.js"></script>然后，在 HTML 中添加一个 textarea 元素：
<textarea id="myTextarea"></textarea>最后，使用 JavaScript 初始化 AutoSize：
autosize(document.querySelector('#myTextarea'));完整的示例代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AutoSize Textarea Example</title>
<style>
textarea {
width: 100%;
resize: none;
}
</style>
<script src="https://cdn.jsdelivr.net/npm/autosize@4.0.2/dist/autosize.min.js"></script>
</head>
<body>
<textarea id="myTextarea" placeholder="Type something..."></textarea>
<script>
autosize(document.querySelector('#myTextarea'));
</script>
</body>
</html>在这个例子中，当用户在 textarea 中输入文本时，它的高度会自动增加以适应文本内容的长度。如果文本内容减少，高度也会相应减小，保持自适应。
评论已关闭