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

textarea输入字数计算

阅读更多

样式:

 

 

HTML代码:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>


<textarea id="b" rows="4" cols="20" ></textarea>
<div><span id="a">已输入字符: </span><input type="button" value="OK" onclick="cha()"></div>
<script language="javascript">
<!--
var ppl=70//每条长
var maxl=200//总长
document.onkeydown=function(){
   var s=document.getElementById("b").value.length +1;
   if(s>maxl)document.getElementById("b").value=document.getElementById("b").value.substr(0,maxl-1)
   else document.getElementById("a").innerHTML="已输入:"+s+"/"+maxl+" 字符"
}
function cha(){
var txt=document.getElementById("b").value,tl=txt.length;
var txtArray=[],k=(tl/ppl<=1)?1:Math.ceil(tl/ppl);
for (var i=0;i<k;i++){
txtArray[i]=txt.substr(i*ppl,ppl);
alert(txtArray[i]) ;
}
document.getElementById("b").value=""
document.getElementById("a").innerHTML="已输入字符: "
}
//-->
</script></font>


</body>
</html>

 

  • 大小: 12.1 KB
分享到:
评论

相关推荐

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

    在"效果超酷的textarea的输入字数限提示"这个压缩包中,可能就包含了实现这些效果的代码示例和CSS样式。 这个功能在许多实际场景中都非常有用,比如论坛发帖、在线留言、博客写作等。它不仅能够帮助用户避免输入...

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

    总之,通过结合CSS的美化技巧和JavaScript的动态功能,我们可以创建一个既美观又实用的`textarea`输入字数限制提示,为用户带来愉快的使用体验。这只是一个基础示例,开发者可以根据项目需求进一步定制和优化,比如...

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

    要限制textarea的输入字数,我们首先要获取textarea元素。在HTML中,我们可以创建一个textarea并为其设置一个ID,如`id="myTextarea"`。然后,我们可以在jQuery的选择器中使用这个ID来选择这个元素: ```html ...

    统计字数的textarea

    标题“统计字数的textarea”涉及的是网页开发中一个常见的需求,即在用户输入文本的textarea元素中实时显示或限制字数。这个功能在许多Web应用中都有应用,例如在线编辑器、评论系统或者表单填写等。在这个场景下,...

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

    本资源“jQuery textarea文本框输入文字字数限制提示代码.zip”提供了一个实用的功能,即对textarea输入框进行字数限制,并实时显示当前已输入的字符数,这对于创建表单、评论区或任何需要限制用户输入的场景非常...

    jQuery编写textarea输入字数限制代码

    在介绍jQuery如何实现textarea输入字数限制之前,我们首先要了解jQuery的基础知识和textarea的HTML属性。jQuery是一个快速、小巧、功能丰富的JavaScript库。它简化了HTML文档遍历、事件处理、动画和Ajax交互,极大地...

    jquery实现限制textarea输入字数的方法

    首先,jQuery实现限制textarea输入字数的基本思路是监听textarea的输入事件,当用户输入内容时,检查当前字符数是否超过了预设的限制。如果超过限制,就截取超出部分的文本,同时更新显示剩余字数的元素。 在给定的...

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

    本文将详细介绍如何使用JavaScript来控制textarea文本域的输入字数限制。 首先,从给定的文件内容中,我们可以看到一个简单的HTML页面结构,其中包含一个textarea元素和一个用于显示剩余字符数的文本框。页面通过...

    Textarea限制输入文本长度

    ### Textarea限制输入文本长度的知识点 #### 一、前言 在Web开发过程中,为了提升用户体验并确保数据的有效性和安全性,对用户输入的数据进行适当的限制是非常必要的。特别是在表单填写场景下,如评论框、留言区等...

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

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

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

    在Vue.js框架中,动态显示textarea的剩余字数是一个常见的需求,这可以帮助用户实时了解他们的输入是否超过了预设的字符限制。以下是如何在Vue中实现这一功能的详细步骤。 首先,我们需要在HTML模板中设置一个`...

    动态计算文本框内的可输入字数

    在本场景中,"动态计算文本框内的可输入字数"是一个用户界面(UI)设计的问题,主要应用于网页、桌面应用或移动应用中,目的是为用户提供即时反馈,显示当前文本框内还能输入多少字符。这个功能对于限制用户输入长度...

    jQuery实时计算用户输入字数代码.zip

    在这个"jQuery实时计算用户输入字数代码.zip"压缩包中,我们可以找到一个实现此功能的示例。 首先,我们要理解这个功能的基本工作原理。当用户在文本输入框(`&lt;input type="text"&gt;` 或 `&lt;textarea&gt;`)中输入文字时...

    显示textare所输入字数

    为了实现显示textarea输入字数的功能,我们可以遵循以下步骤: 1. **HTML结构**: 首先,我们需要创建一个包含`textarea`元素的HTML结构,并添加一个额外的元素来显示当前的字数。例如,可以添加一个`&lt;span&gt;`元素...

    jquery新浪发布微博textarea文本框限制文字字数表单

    2. 添加阻止用户输入超过限制的字符功能,一旦达到最大字数,禁用textarea的输入。 3. 对于中文字符,由于其占用两个字节,可能需要特别处理,确保计算的字数准确。 六、实际应用 这样的功能在社交媒体、论坛、博客...

    jQuery实现实时输入字数统计

    4. 计算输入字数,并更新显示。 5. 可选地,增加对输入限制的处理和其他用户体验优化。 通过这个例子,你可以了解到jQuery如何使JavaScript编程变得更加简洁和高效,同时也掌握了实现实时输入字数统计的方法。在...

    微信小程序 textarea 简易解决方案

    微信小程序中textarea没有bindchange事件,所以无法在输入时给变量赋值。 虽然可以使用bindblur事件,但是绑定bindblur事件,如果再点击按钮,则先执行完按钮事件后,再去执行bindblur事件,所以在js文件取不到输入...

    输入字数限制百分比的js超好用

    标题"输入字数限制百分比的js超好用"指的是一个JS功能,它能帮助开发者限制用户输入的字符数不超过特定的百分比。这种功能可以提高用户体验,防止数据溢出或者服务器负载过大。 首先,我们来理解如何在JS中实现字数...

Global site tag (gtag.js) - Google Analytics