html 文本框 显示输入字符

近来要做一个功能,即显示文本框输入的字数。

思路如下:利用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,文本框,字数显示)