textarea输入字数控制

来源：互联网发布：stm32f103vet6数据手册编辑：程序博客网时间：2024/04/30 19:21

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>Check the content length.</title>    <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>    <script type="text/javascript">    $(document).ready(function(){var text=$("#myform textarea").val();var content=text.length;$("#msg var").text(100-content);$(document).keyup(function() {var text=$("#myform textarea").val();var content=text.length;$("#msg var").text(100-content);});});    </script>    <style type="text/css">    .check{font-weight: bold; font-size: 16px;}    #msg{color: gray;}    </style>  </head>    <body><div id="myform" style="font-size: 12px;">   <form action="" method="post" class="form">   <p id="msg">你还可以输入<var class="check"></var>个字符</p><textarea name="" cols="" rows="" maxlength="100" style="height:60px; width:400px"></textarea>   </form></div>  </body></html>