html5多行文本框 实例
<!DOCTYPE html>
<html>
<head>
    <title>HTML5 多行文本框实例</title>
</head>
<body>
    <h1>HTML5 多行文本框实例</h1>
    <form>
        <label for="textarea">多行文本框：</label>
        <textarea id="textarea" rows="10" cols="50" placeholder="在这里输入文本..."></textarea>
        <br>
        <button type="button" onclick="countWords()">统计字数</button>
    </form>
    <p id="wordCount"></p>
    <script>
        function countWords() {
            var textarea = ElementById("textarea");
            var text = textarea.value;
            var words = im().split(/\s+/).filter(function(word) {
                return word.length > 0;
            });
            var wordCount = words.length;
textarea中cols表示            ElementById("wordCount").innerHTML = "总字数：" + text.length + "<br>单词数：" + wordCount;
        }
    </script>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。