`
lxs647
  • 浏览: 523146 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

textarea的字数动态显示

IEXHTMLHTML 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language="javascript">
  function checkLength(obj){
        var count=0;
        var inputContent = obj.value;
        var total = document.getElementById("total").innerHTML;
        var used = document.getElementById("used");
        var inputLen = inputContent.length;
        var lastLen = 0;
        if(lastLen != inputLen){
            for(var i=0;i<inputLen;i++){
                count = (inputContent.charCodeAt(i)<=256)?(count+1):(count+8);
                if(count > total){
                    obj.value = inputContent.substring(0,i);
                    count = total;
                    break;
                }
            }
            used.innerHTML = count;
            lastLen = inputLen;
        }
    }
</script>
</head>
<body>
<table>
<tr>
  <td width="400"><textarea onpropertychange="checkLength(this)"  oninput="checkLength(this)" style="width: 400px;font-size: 12px;" rows="3" name="comments" id="comments"></textarea>
  </td>
</tr>
<tr>
  <td>
    <span id="used" style="color:#FF0000">0</span>/<span id="total"  style="color:#FF0000">1000</span>
  </td>
</tr>
</table>
</body>
</html>

ie,ff下测试通过、、、

分享到：
| 关于JFreeChart中的函数的说明
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Vue实现动态显示textarea剩余字数

    Vue实现动态显示textarea剩余文字数量，具体内容如下 这里我们假设允许用户输入的最多数量为200个 html代码如下： &lt;textarea maxlength="200" @input="descInput" v-model="desc" /&gt; &lt;span&gt;{{remnant}}/200...

    动态显示输入文字字数

    超级加密 3000一款功能强大的文件加密和文件夹加密软件。主要针对于进常对重要文件加密和文件夹加密的用户。该软件有超快和最强的文件加密、文件夹加密功能，采用先进的加密算法，使你的文件加密和文件夹加密后，...

    控制textarea文本长度,并限制输入字数(带统计显示)

    本文将深入探讨如何实现对`textarea`文本长度的控制，并实时显示输入字数的统计。 首先，我们可以使用JavaScript来实现这一功能。JavaScript是一种广泛使用的客户端脚本语言，可以在用户与网页交互时执行，提供动态...

    textarea剩余字数

    在实际应用中，`textarea`的内容可以通过JavaScript动态设置，这使得可以实现动态加载或者根据用户行为改变`textarea`的内容。例如，通过`document.getElementById('example').value = '新文本';`可以改变`textarea`...

    jQuery textarea文本框输入文字字数限制提示代码

    本示例中，我们将探讨如何使用jQuery实现textarea文本框的字数限制功能，并实时提示用户输入的字符数量。 首先，让我们了解jQuery的基本概念。jQuery通过一个"$"符号作为入口，提供了一种简洁的方式来选择DOM元素、...

    统计字数的textarea

    在这个场景下，我们需要实现一个能够动态计算textarea中字符数的机制，并可能附加一些额外的功能，比如限制最大字数，或者显示剩余字数。 首先，我们需要了解HTML的`&lt;textarea&gt;`元素，它是用来创建多行文本输入的...

    jQuery插件charCount模仿twitter和新浪微博的textarea字数统计.zip

    而charCount这个插件则是基于jQuery的一个实用工具，它实时监测textarea中的字符数，帮助开发者实现动态显示剩余字符数的效果，提升用户的输入体验。 要使用charCount插件，首先需要在页面中引入jQuery库和...

    jQuery textarea文本框输入文字字数限制提示代码.zip

    //显示限制输入字符method function textAreaChange(obj){ var $this = $(obj); var count_total = $this.next().children('span').text(); var count_input = $this.next().children('em'); var area_...

    效果超酷的textarea的输入字数限提示

    本文将深入探讨如何通过CSS美化`textarea`，并实现动态的字数限制功能。 首先，CSS（Cascading Style Sheets）在美化`textarea`方面起着关键作用。我们可以利用CSS来定制`textarea`的边框样式、背景颜色、字体大小...

    jq textarea动态 显示剩余字符

    textarea还剩余字数统计，支持复制粘贴的时候统计字数

    效果超酷的textarea的输入字数限提示.rar

    "效果超酷的textarea的输入字数限提示"是一个针对HTML `&lt;textarea&gt;` 元素的JS特效，它能提升用户在填写表单时的体验，通过实时显示剩余可输入字数，帮助用户更好地控制他们的输入内容。本文将深入探讨这个功能的实现...

    javascript textarea字数限制

    因此，要实现更复杂的限制功能（如在用户输入过程中动态显示剩余字符数），需要结合JavaScript代码来实现。 ### JavaScript实现字数限制的方法 根据给出的内容片段，可以总结出以下几点关键方法： 1. **读取并...

    手机端textarea中输入字数监控

    通过上述代码示例可以看出，实现手机端textarea中输入字数监控的功能并不复杂，主要依赖于JavaScript对DOM事件的监听以及对CSS样式的动态修改。开发者需要注意的是，对于不同语言环境下的输入（尤其是东亚语言），...

    基于JS实现textarea中获取动态剩余字数的方法

    在本文中，我们将详细了解如何使用JavaScript技术实现textarea文本框中动态显示剩余字数的功能。 ### 知识点一：textarea元素的基本介绍 `&lt;textarea&gt;`元素是一个基于Web的表单控件，可以用于输入多行文本。它通常...

    JS控制文本框textarea输入字数限制的方法

    从以上描述中，可以看出实现textarea文本域字数限制的方法是基于JavaScript对事件的监听，以及对DOM元素的动态操作。通过合理使用HTML事件属性，可以实现对用户输入的即时反馈和控制。 另外，需要注意的是，虽然此...

    jQuery计算textarea中文字数(剩余个数)的小程序

    这个示例程序展示了如何使用jQuery来实时计算textarea中的中文字数，并显示剩余可输入的字数。以下是这个jQuery小程序的关键知识点： 1. **HTML 结构**： 首先，HTML部分包含一个`&lt;div&gt;`容器，一个`&lt;p&gt;`标签显示...

    JavaScript中统计Textarea字数并提示还能输入的字符

    此外，我们还需要一个span元素，用于动态显示剩余可输入的字符数。例如： ```html &lt;textarea id="status" name="status" rows="6" cols="40" onkeydown="countChar('status', 'counter');" onkeyup="countChar('...

    如何实现textarea中获取动态剩余字数的方法

    案例介绍：我们常见到有的网站有textarea文本框，当你输入的时候，下面有文字提示还能输入多少个字，今天就是要实现这个功能。当然，由于一个页面有好几个textarea，所以使用单个js逻辑进行控制是不行的，得小小的...

    JavaScript实现统计文本框Textarea字数增强用户体验

    为了达到这一目的，许多网站，如Twitter，引入了一个便捷的功能：在文本框（Textarea）中实时显示用户输入的字数，并提示剩余可输入的字符数。这个功能不仅帮助用户了解他们是否达到了字数限制，还减少了因超出限制...

Magicbox
Global site tag (gtag.js) - Google Analytics