JavaScript 文本输入框限制输入个数，显示剩余输入字数

最新推荐文章于 2024-03-09 14:25:58 发布

原创最新推荐文章于 2024-03-09 14:25:58 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的HTML表单应用，该应用使用JavaScript实时更新用户还可以输入的字符数量，确保用户输入不会超过限定长度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<form name="myform" action="2.html" method="get"> 					
			<textarea  name="t"  cols="100" rows="10" ></textarea>
			<div id="s">			
					你还能输入个字符				
			</div>
		</form>
		<script type="text/javascript">

		   myform.t.onkeyup=function()
		   {
		   		var j=myform.t.value.length;
		   		var x=100;
		   		var y=100-j;
		   		document.getElementById("s").innerHTML="你还能输入"+y+"个字符";
		   		console.log("你还能输入"+y+"个字符");		   		
		   		myform.t.value=myform.t.value.substring(0,100);
		   		
		   }
	
			
  		
		</script>
	</body>
</html>