h5动态显示输入文字的个数

在H5中，可以通过JavaScript来实现动态显示输入文字的个数。首先需要在HTML中创建一个输入框，然后在JavaScript中监听输入框的输入事件。每当用户输入文字时，就可以通过JavaScript获取输入框中的文字，并计算其长度，即文字的个数。最后将文字的个数动态显示在页面上。

具体的实现代码如下：

HTML部分：

<input type="text" id="inputText" oninput="countCharacters()">
<span id="charCount">0</span>/300

JavaScript部分：

function countCharacters() {
    var input = document.getElementById('inputText');
    var count = input.value.length;
    document.getElementById('charCount').innerText = count;
}

在这段代码中，通过addEventListener()方法给输入框添加了一个'oninput'事件监听，每当用户输入时就会触发countCharacters()函数。在countCharacters()函数中，首先获取输入框中的文字，然后计算其长度并更新页面上显示文字个数的span标签的内容。

通过这样的方式，就可以实现在H5页面中动态显示输入文字的个数。用户输入时，页面上的文字个数会实时更新，让用户清晰地知道自己已经输入了多少文字。