js实时计算字数提醒的文本框_表单特效

自己想了一下应该是用JavaScript实现的，今天把它做出来了。原理很简单就是根据文本框触发的onkeyup事件来获得当前文本框字符的长度，然后文本框允许输入的最大字符数来减去当前的字符数，并用label控件显示出来就可以了。
效果图:

演示代码:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>enter</title> <center> <div style="text-align:left;"> <h3>昵称:</h3> <input type="text" id="mytext1" maxlength="15" onkeyup="keypress1()"><font color="gray"><label id="name">你还可以输入15个字</label></font> <h3>评论内容:</h3> <br><textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden" onkeyup="keypress2()" onblur="keypress2()"><font color="gray"><label id="pinglun">你还可以输入300个字</label></font> <div> <br><input onclick="runEx('runcode66343')" type="button" value="运行代码"><input onclick="doCopy('runcode66343')" type="button" value="复制代码"><input onclick="doSave(runcode66343)" type="button" value="保存代码">[Ctrl+A 全选 注:<a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank" rel="nofollow">如需引入外部Js需刷新才能执行</a>]</div> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2suaHRtbD90PTI=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wNzEvNjIwYzYwNGY3NTI1MTk5NS5wbmc=" style="margin-top: 30px;" alt="js实时计算字数提醒的文本框_表单特效" title="js实时计算字数提醒的文本框_表单特效"></a><p style="float:right;font-size:13px;color:#999;"><span class="red">声明：</span>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。</p>

相关文章

相关视频

---

• javascript怎么将值类型强制转为字符串
• javascript中什么是位运算符
• 总结分享： 6 种JavaScript的打断点的方...
• javascript怎么判断字符串是否是数字
• js实时计算字数提醒的文本框_表单特效

• 接口与抽象类01
• 类的composer自动加载机制
• composer原理与常用命令03
• composer原理与常用命令02