0
点赞
收藏
分享

微信扫一扫

经典街机游戏:拳皇97 for Mac(KOF97) 支持M1 中文移植版

孟佳 2024-08-09 阅读 26

一、实现效果:

在这里插入图片描述

二、代码

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>微博字数统计</title>
		<style type="text/css">
			.content{
				width: 400px;
				height: 300px;
				border: 1px solid red;
			}
			textarea{
				width: 350px;
				height: 100px;
				margin-left: 10px;
			}
		</style>
	</head>
	
	<body>
		<div class="content">
			<form action="#" method="post">
				<p class="shuru">你还可以输入<font color="#FF0000"><span></span></font>个字符。</p>
				<label>
					<textarea></textarea>
				</label>
			</form>
		</div>
		
		<script src="js/jquery-1.11.1.min.js" charset="UTF-8" type="text/javascript"></script>
		<script type="text/javascript">
		$(function(){
				var text=$(".content textarea").val();   //获取到文本框的内容
				var counter=text.length;    //获取到内容的长度
				$(".shuru span").text(100-counter);    //输入了几个,就用100减去几
				$(document).keyup(function(){
					var text=$(".content textarea").val();
					var counter=text.length;
				if(counter>=100){
					$(".shuru span").text("对不起,您输入的字数太长了!");
					$(".content textarea").attr("readonly",true);
				}else{
					$(".shuru span").text(100-counter);
				}
			})
		})
		</script>
	</body>
</html>

ok

举报

相关推荐

0 条评论