JavaScript 文本輸入框限制輸入個數,顯示剩餘輸入字數

<!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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章