textarea文本域输入字数实时控制
来源:互联网 发布:硬盘坏了数据恢复价格 编辑:程序博客网 时间:2024/05/01 02:19
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实时控制字数</title>
</head>
<body>
</body>
<script src="jquery-3.2.0.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function numTip() {
$("#currentNum").text(100 - $("#textArea").val().length);
if($("#textArea").val().length >= 90) {
$("#currentNum").css("color", 'red');
} else {
$("#currentNum").css("color", 'black');
}
}
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>实时控制字数</title>
<style type="text/css">
* {padding: 0;margin: 0;}.box {width: 400px;height: 300px;margin: 20px auto;}.box textarea {width: 400px;height: 270px;font-size: 20px;}</style>
</head>
<body>
<div class="box"><textarea name="" onkeyup="numTip()" maxlength="100" id="textArea"></textarea><p dir="rtl"><span id="currentNum">100</span>/100</p></div>
</body>
<script src="jquery-3.2.0.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function numTip() {
$("#currentNum").text(100 - $("#textArea").val().length);
if($("#textArea").val().length >= 90) {
$("#currentNum").css("color", 'red');
} else {
$("#currentNum").css("color", 'black');
}
}
</script>
</html>
阅读全文
1 0
- textarea文本域输入字数实时控制
- JavaScript 控制textarea(文本域)的输入字数
- textArea实时显示文本输入框输入的字数
- textarea输入字数控制
- 文本域textarea显示输入剩余字数
- 在TextArea中输入文本字数的控制
- 控制textarea最大输入字数
- 限制textarea字数并实时显示输入字数统计
- JS控制文本框textarea输入字数限制
- 限制textarea字数并实时显示输入字…
- 如何限制文本域textarea的字数及动态输入数字变化
- 限制textarea输入字数
- textarea限制输入字数
- textarea限制输入字数
- textarea 限制输入字数
- textarea字数控制
- JS控制文本框textarea输入字数限制的方法
- 文本域限定输入字数
- 算法简介
- GKRuleSystem
- java实现基础的一对一和一对多的TCP通信
- linux日常使用命令合集
- 微信小程序媒体组件(二)image
- textarea文本域输入字数实时控制
- C语言预编译、宏的整理
- 机器学习笔记 --- 数学符号以及读法
- mysql子句,操作符,通配符,约束
- 应用开发者必须了解的Kubernetes网络二三事
- 谭浩强《C++程序设计》学习
- 高校学子享有的社会优惠服务
- Harbour for beginners
- UVA_11400(区间DP)