input框输入限制

最新推荐文章于 2024-07-29 12:30:54 发布

Demonor_

最新推荐文章于 2024-07-29 12:30:54 发布

阅读量1.3k

点赞数 1

分类专栏： html 文章标签： html input输入限制 textarea输入限制

本文链接：https://blog.csdn.net/A13432421434/article/details/70173387

版权

html 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

效果图：

html代码：

<!doctype html>
<html>
<script>

function check(obj,id01,id02,maxLength){
	
	var textarea = document.getElementById('Context');
	
	if(textarea.value.length > maxLength){
		
		alert("Input can not beyond 10  character !!!");
		textarea.value = textarea.value.substring(0,maxLength);
		
		}
	else{
		
		id01.value = textarea.value.length;
		id02.value = maxLength-id01.value;
			
		}
	}
    
</script>
	<head>
		<title>限制文本框中的输入字数</title>
	</head>
	<body>
		<form name="myForm" method="post">
			标题：<input type="text" name="textTitle" size="30" maxlength="8">（限输入8个文字）<br>
			内容：<textarea rows="10" cols="30" id="Context"name="Context" onKeyDown="check(this,textCount,textCount2,10)" onKeyUp="check(this,textCount,textCount2,10)"   oncut="return false;"οnpaste="return false;"></textarea><br>
			（限输入10个文字）<br>
			您已经输入了<input type="text" id="textCount" size="3" readonly>个字<br>
            还能继续输入<input type="text" id="textCount2" size="3" readonly>个字

		</form>
	</body>
</html>