<html>
<head>
<title>enter</title>
<script language="javascript">
function keypress1()
{
var text1=document.getElementById("mytext1").value;
var len=15-text1.length;
var show="你还可以输入"+len+"个字";
document.getElementById("name").innerText=show;
}
function keypress2()
{
var text1=document.getElementById("myarea").value;
var len;//记录剩余字符串的长度
if(text1.length>=30)
{
document.getElementById("myarea").value=text1.substr(0,30);
len=0;
}
else
{
len=30-text1.length;
}
var show="你还可以输入"+len+"个字";
document.getElementById("pinglun").innerText=show;
}
</script>
</head>
<body>
<center>
<div style="text-align:left;">
<h>昵称:</h>
<input type="text" id="mytext1" maxlength=15 onKeyUp="keypress1()"/>
<font color="gray"><label id="name">你还可以输入15个字</label></font>
<br>
<h>评论内容:</h><br>
<textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden" cols="10" rows="3" onKeyUp="keypress2()" onblur="keypress2()"></textarea>
<font color="gray"><label id="pinglun">你还可以输入30个字</label></font>
<div>
</center>
</body>
</html>
分享到：
感谢，用上了
相关推荐
Javascript实现的网页文本框输入提示 实现原理： 文本框输入内容后，搜索字符串数组，将匹配内容写入DIV以下拉列表形式展现，并支持方向键选择，效果类似搜索网站的输入提示。 友情提示： 较为粗糙的实现方法，...
各种防止文本框中输入的方法 javascript
主要介绍了js实现文本框只允许输入数字并限制数字大小的方法,涉及javascript对字符串正则判断及数值大小判断的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
文本框输入 @ 符号的输入提示的JS代码，类似搜索框的提示，输入指定的字符会弹出提示。和自动完成功能有些区别。
现在流行的Twitter等微博客网站，有一个很好的用户体验，就是在文本框中输入文字的时候，会自动统计输入的字符，并显示用户还能输入的字符，在限制了140个字的微博客中，这样的小提示可以很好的增强用户体验。...
本文实例讲述了JS与jQuery判断文本框还剩多少字符可以输入的方法。分享给大家供大家参考，具体如下： javascript部分： function $(id) { return document.getElementById(id); } var maxLen=255; function ...
主要介绍了如何使用javascript计算文本框还能输入多少个字符,需要的朋友可以参考下
主要介绍了javascript限制文本框输入值类型的方法,涉及javascript鼠标事件、键盘按键及字符串的相关操作技巧,非常具有实用价值,需要的朋友可以参考下
使用JavaScript实时的计算用户当前输入的字符数函数代码： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript统计字符数</...
内容索引:脚本资源,Ajax/JavaScript,输入提示,搜索提示 文本框输入 @ 符号的输入提示效果，类似搜索框的提示，输入指定的字符会弹出提示。和自动完成功能有些区别。
建立一个简单界面，把文本框中前后的空格去掉，并把去掉后的字符通过警告对话框显示出来,人练习捣鼓出来的东西，希望对小白们有所帮助
5.设计一个网页，输入一串用英文逗号分隔的数字字符串。编写程序，输出找出该组数中的最大、最小值、和 。并按从大到小排序后的输出结果（以逗号分隔）。 6. 要求用户在文本框中年份，点击判断按钮，用alert函数输出...
JavaScript简单的密码强度验证，欢迎使用！
1、原生JavaScript实现字符串长度截取 2、原生JavaScript获取域名主机 3、原生JavaScript清除空格 4、原生JavaScript替换全部 5、原生JavaScript转义html标签 6、原生JavaScript还原html标签 7、原生JavaScript时间...
NULL 博文链接：https://heisetoufa.iteye.com/blog/401066
一种是使用input元素的单行文本，另一种是使用textarea的多行文本框。 ... rows是文本框字符列数； 另外，不能在HTML中给textarea指定最大字符数； 一、选择文本 上述两种文本框都支持 select()
*验证表单里的用户输入 * *CreateBy: Black * *CreateDate: 2009-06-30 * *可以验证的格式: * 0、清除数据 * 1、去除左右两端的空格 * 2、判断是否为空 * 3、判断是否是字母 * 4、判断是否是整数 * 5、判断是否是...