first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/朱立伟/2019-04-08/输入框输入限制.html
+++ b/历届学生/朱立伟/2019-04-08/输入框输入限制.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>输入框输入限制</title>
+  <style>
+    .main,
+    textarea {
+      width: 403px;
+      height: 256px;
+    }
+    .main {
+      position: relative;
+    }
+    .result {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+    }
+    .error {
+      color: red;
+    }
+  </style>
+</head>
+<body>
+  
+
+  <div class="main">
+    <textarea oninput="checkNumber()" id="UserMessage" class="zhangsan" name="" cols="30" rows="10" placeholder="请输入留言"></textarea>
+    <div class="result">200 / 200</div>
+  </div>
+
+
+
+  <script>
+    // var 变量 ， let 
+    // const 常量
+    // var username = "zhangsan"
+    // username = "zhangsan"
+    var UserMessage = document.getElementById("UserMessage");
+    var Result = document.getElementsByClassName("result")[0];
+
+    var TotalNumber = 200;
+    function checkNumber () {
+      var YourMessage =  UserMessage.value;
+      if(YourMessage.length > 200) {
+        UserMessage.value = YourMessage.substring(0,200);
+        Result.innerHTML = `超过限制 / 200`;
+        Result.className = "result error";
+      }else {
+        Result.innerHTML = `${TotalNumber - YourMessage.length} / 200`;
+        Result.className = "result";
+      }
+      //Result.innerHTML = TotalNumber - YourMessage.length + " / 200"
+      
+    }
+  </script>
+
+
+</body>
+</html>