html 文本框 显示输入字符
来源:互联网 发布:hbo直播软件 编辑:程序博客网 时间:2024/04/23 22:18
近来要做一个功能,即显示文本框输入的字数。
思路如下:利用onkeydown,onkeyup事件,对字数进行加减。
代码如下:
<!DOCTYPE html><html><head><title>MyHtml.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript"> function countChar(id){ document.getElementById("alreadyInput").innerHTML = document.getElementById(id).value.length; document.getElementById("counter").innerHTML = 140 - document.getElementById(id).value.length;} </script></head><body>邮件主题:<input type="text" id="status" name="status" onkeydown="countChar('status');" onkeyup="countChar('status');"></input><span id="alreadyInput">0</span>/<span id="counter">140</span></body></html>
- html 文本框 显示输入字符
- 动态显示文本框中输入的字符数字
- JS实现文本框只能输入两位小数的数字,不显示输入的其它字符
- TextWatcher详解,限制输入字符,实现文本框输入框同步,TextView与EditText同步显示
- 控制文本框的字符个数,显示还可输入的字符数
- 文本框禁止输入特殊字符
- 文本框禁止输入特殊字符
- 文本框禁止输入特殊字符
- 限制文本框输入指定字符
- HTML如何禁止文本框输入
- HTML 限制文本框只能输入特定字符(比如数字 onkeyup+onafterpaste)
- HTML 限制文本框只能输入特定字符(比如数字 onkeyup+onafterpaste)
- 实时显示输入文本框字数
- 显示文本框中的输入信息
- 在第一个文本框输入字符后,在第二个同步显示,在第三个左右添加后同步显示。
- 判断文本框输入字符是否为数字
- 限制文本框输入的字符长度
- 文本框textarea限制字符输入的方法
- XMPP——Smack[1]连接、登陆及账户操作
- 哈夫曼树与哈夫曼编码
- CodeForces 276E - Little Girl and Problem on Trees 区间更新..N+1个线段树
- 程序的局部变量 全局变量 动态申请数据分别存储在什么地方?
- Linux检测网络故障以及恢复网络的方法
- html 文本框 显示输入字符
- Visual Assist X 注释报错的解决
- iphone数据存储之-- Core Data的使用(一)
- 【C/C++学习】之十三、虚函数剖析
- XMPP——Smack[2]会话、消息监听、字体表情和聊天窗口控制
- c++ 对象释放
- maven构建使用Spring执行定时任务
- 飘逸的python - super()只不过是用来避免硬编码的
- win7 64位系统 下的 odbc数据源