代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<textarea cols="40" rows="10" maxlength="40"></textarea><span></span>
</body>
</html>
<script>
var textarea_ = document.querySelector('textarea');
var sp = document.querySelector('span');
//设置一共可以输入40个字符
var num = 40;
textarea_.oninput = function () {
// console.log(textarea_.value.length);
sp.innerHTML = '还剩下' + (num - textarea_.value.length) + '个字可以输入!'
}
</script>