限制textarea字数并实时显示输入字数统计

好的，您可以使用JavaScript来实现这个功能。首先，您需要在HTML中创建一个textarea元素和一个用于显示字数的元素，如下所示：

<textarea id="myTextarea" rows="4" cols="50"></textarea>
<div id="charCount"></div>

接下来，您可以编写JavaScript代码来实现限制字数和实时显示字数统计的功能。代码如下：

// 获取textarea元素和用于显示字数的元素
var textarea = document.getElementById("myTextarea");
var charCount = document.getElementById("charCount");

// 设置最大字数限制
var maxLength = 100;

// 添加输入事件监听器
textarea.addEventListener("input", function() {
  // 获取当前输入的字数
  var currentLength = textarea.value.length;

  // 如果超过最大字数限制，则截断输入
  if (currentLength > maxLength) {
    textarea.value = textarea.value.slice(0, maxLength);
    currentLength = maxLength;
  }

  // 更新字数统计
  charCount.textContent = currentLength + "/" + maxLength;
});

这段代码会在每次用户输入时触发一个输入事件监听器。在监听器中，它会获取当前输入的字数，如果超过最大字数限制，则截断输入。然后，它会更新用于显示字数统计的元素。