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>


 

原创粉丝点击