文本框输入字数统计

最新推荐文章于 2022-07-29 15:31:50 发布
最新推荐文章于 2022-07-29 15:31:50 发布
阅读量139 收藏
点赞数
文章标签： JavaScript XHTML CSS HTML ViewUI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框输入字数统计示例</title>
</head>
<style type="text/css">
 body{
 font-size:12px;}
</style>
<script language="JavaScript">
<!--
 function gbcount(){
  var max=50;
  var content = document.getElementById("content");
  var used = document.getElementById("used");
  var remain = document.getElementById("remain");
  if(content.value.length > max){
   content.value = content.value.substring(0,max);
   used.innerHTML = max;
   remain.innerHTML = 0;
   alert("最多只能输入100字！");
  }else{
   used.innerHTML = content.value.length;
   remain.innerHTML = max - content.value.length;
  }
 }
//-->
</script>
<body>
<form action="" method="post">
<table border="1" style="border-collapse:collapse">
<tr>
 <td colspan="2" align="center">输入字数统计示例</td>
</tr>
<tr>
 <td>内容：</td>
 <td>
  <textarea id="content" name="content" cols="60" rows="6" οnkeydοwn="gbcount();" οnkeyup="gbcount();"></textarea>
 </td>
</tr>
<tr>
 <td>提示信息：</td>
 <td>
  请勿超过<span id="total" style="color:#FF0000">100</span>字，
  您已经输入了<span id="used" style="color:#FF0000">0</span>字，
  还可以继续输入<span id="remain" style="color:#FF0000">100</span>字。
 </td>
</tr>
</table>
</form>
</body>
</html>

wen2r
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF中设置TEXTBOX为多行文本输入框
ZetaChow
05-24 4万+
WPF中没有textarea的东西，不像在ASP.NET中设置textbox那样设置一个多行属性就可以变成文本域，虽然可以使用ricktextbox实现多行文本输入，但是richtextbox比较复杂，面对简单的多行文本输入的时候太麻烦了点，但是WPF的textbox依然可以通过设置属性实现像textarea一样的多行文本输入。一下是转载的一篇出处。 本示例演示如何使用可扩展应用程序标
计算文本框的字算、计算TextBox的字数长度
weixin_34342905的博客
09-07 396
<asp:TextBox ID="txt_OUT_Purpose" runat="server" Height="54px" onpaste="return false" TextBoxMode="MultiLine" Width="270px" TextMode="MultiLine" MaxLength="50...
亲测可用！！！WPF中遍历整个窗口的所有TextBox组件，对每个输入框做非空判断。
Monkey_King_GL的博客
07-29 1348
亲测可用！！！WPF中遍历整个窗口的所有TextBox组件，对每个输入框做非空判断。
实时统计文本框字数
luyundesign的博客
12-03 258
实现方式一：jQuery 页面引入jquery bootstrp资源 代码 评论内容： 0/500 ``` # 实现方式二：VUE ## 通过cdn方式引入vuejs ## 代码`
js实时计算字数提醒的文本框
ximenxiafeng的专栏
06-03 5400
原理很简单就是根据文本框触发的onkeyup事件来获得当前文本框字符的长度，然后文本框允许输入的最大字符数来减去当前的字符数，并用label控件显示出来就可以了。 enter function keypress1() //text输入长度处理 { var text1 = document.getElementById("mytext1").value; var len = 15
JavaScript实现统计文本框Textarea字数增强用户体验
12-04
现在流行的Twitter等微博客网站，有一个很好的用户体验，就是在文本框中输入文字的时候，会自动统计输入的字符，并显示用户还能输入的字符，在限制了140个字的微博客中，这样的小提示可以很好的增强用户体验。...
jQuery计算文本框可输入字数代码.zip
07-11
jQuery计算文本框可输入字数代码基于jquery-2.2.3.min.js制作，动态计算文本框可输入字数统计。
js实现多行文本框统计剩余字数功能
10-20
本文主要介绍了js实现多行文本框统计剩余字数功能的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
Javascript实现字数统计
10-23
现在流行的Twitter等微博客网站，有一个很好的用户体验，就是在文本框中输入文字的时候，会自动统计输入的字符，并显示用户还能输入的字符，在限制了140个字的微博客中，这样的小提示可以很好的增强用户体验。
文本框输入限制字数统计
weixin_34363171的博客
08-04 143
<scripttype="text/javascript"src="Web_Org/js/jquery-1.4.2.min.js"></script> <scriptsrc="App_Common/PXEditor.js"type="text/javascript"></script> $("#input1").inp...
文本输入框等字数统计【文字可包含中文/英文/符号/标点等】
Hizy的博客
06-06 1481
//考虑用户输入一段文字中既有中文又有英文还能有符号标点等总字数统计的问题 //度娘好久没找见比较满意的实现，就自个动手写个小demo分享一下，希望能帮助到其他遇到此问题的童鞋们~ //-----------------------------------------------------------------------------------------------
显示input已经输入的文字数量和剩余可以输入的字符数量
freejs
05-24 1999
显示input已经输入的文字数量和剩余可以输入的字符数量   演示     XML/HTML Code &lt;div id="content"&gt;              &lt;div class="content-box"&gt;         &lt;label&gt;Username:&lt;/label&gt; &lt;input type=&qu
js统计文本框剩余可输入字数
weixin_33913332的博客
10-09 179
js统计文本框剩余可输入字数 &lt;html&gt;&lt;head runat="server"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; var maxstrlen = 16; function Q(s) { return document.g
提示文本框还可以输入多少个字数
mao__ge的博客
11-21 2386
提示文本框还可以输入多少个字数 最近有一个需求 需要提示用户 文本框最多能输入多少个字，且用户输入完成之后在下方提示此处剩余输入的字数是多少 下面附上代码 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt
JS 倒数还能输入多少字
爱春秋
07-26 213
  &lt;title&gt;JS统计还可以输入多少字数，用于向输入者提示信息&lt;/title&gt;&lt;SCRIPT language="javascript"&gt;&lt;!-- function gbcount(message,total,used,remain){var max;max = total.value;if (message.value.length &gt; m...
输入框字数统计效果
weixin_33800463的博客
03-06 199
0/10 0/10 转载于:https://www.cnblogs.com/CB/archive/2009/03/06/1404498.html
js实时统计文本框中输入文字的个数
wyh09102010的专栏
12-18 6686
enter function keypress1() //text输入长度处理 { var text1=document.getElementById("mytext1").value; var len=0+text1.length; var show="你还可以输入"+len+"个字"; document.getElementById("name").innerText=sh
html文本框规定最小输入字数
Dorothy_L的博客
09-20 5479
html文本框规定最小输入字数 &lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;select选择-按钮跳转&lt;/title&gt; &lt;script type="text/java
文本输入框计算和限制输入字数
xiangwangxiangwang的博客
10-17 3182
一：文本输入框，限制输入字数，汉字两个字符，其他数字，符号，字母，回车，空格等一个字符   &lt;html&gt; &lt;div id="updateDiv" class="display_none"&gt; &lt;textarea id="updateInput" class="updateInput" style="height:3
Jquery 限制文本框输入字数
最新发布
06-09
您可以使用 jQuery 的 keyup 和 keydown 事件来限制文本框输入的字数。下面是一个简单的示例代码： ```html <!DOCTYPE html> 限制文本框输入字数 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值