基于字节数限制 maxlength 写法

可以使用JavaScript来实现基于字节数限制的maxlength写法，例如：

<textarea id="myTextarea" maxlength="100"></textarea>

function checkLength() {
  var textarea = document.getElementById("myTextarea");
  var maxLength = parseInt(textarea.getAttribute("maxlength"));
  var text = textarea.value;
  var byteLength = 0;
  for (var i = 0; i < text.length; i++) {
    var c = text.charCodeAt(i);
    if (c < 128) {
      byteLength++;
    } else if (c < 2048) {
      byteLength += 2;
    } else {
      byteLength += 3;
    }
    if (byteLength > maxLength) {
      textarea.value = text.substring(0, i);
      return;
    }
  }
}
document.getElementById("myTextarea").addEventListener("input", checkLength);

在上面的代码中，我们首先获取了textarea元素和它的maxlength属性，然后在输入框中输入文字时，通过循环检查每个字符的字节数来判断输入框中的字符数是否达到了maxlength限制。如果超过了限制，则截取原始文本，只保留前面的部分，同时设置为输入框的值。

需要注意的是，由于中文字符的字节数为2，英文字符的字节数为1，所以在计算字节数时，需要注意中英文字符的区别。