<script type="text/javascript">
   $(document).ready(function() {
　　　　<%-- 页面进来时就调用 --%>
　　　　setTitleLength();
　　});
function setTitleLength() {
   $this = $('#title');
   var length = $this.val().length;
   var lengthNum = 40;//设置限制的字数
   //超过指定字数便截取
   if (length > lengthNum) {
      var text = $this.val().substring(0, lengthNum);
      $this.val(text);
      $('#info_limit').text(lengthNum);
   } else {
      $('#info_limit').text(length);
   }
}
</script>
<body>
<div class="control-group">
   <label class="control-label">标题：</label>
   <div class="controls">
　　　　<%-- 添加事件调用 --%>
      <form:textarea id="title" path="title" htmlEscape="false" rows="3" class="input-xxlarge required" onkeyup="setTitleLength();"/>
      <span class="help-inline"><font color="red">*</font> </span>
   </div>
   <div class="controls">
      <font color=#666666>限40个字  已输入 <font color="#CC0000"><span id="info_limit">0</span></font> 个字</font>
   </div>
</div>
</body>
												


											
Form表单，textarea标签输入框 字数限制，和已输入字数的统计显示的更多相关文章
	

    
						
  1. 前端开发-4-HTML-table&form&表单控制 标签
		
    1.table标签 <!DOCTYPE html> <html lang="cn"> <head> <meta charset=" ...
    
		
    2. 
						
  2. HTML 和 form 表单常用标签
		
    HTML和CSS 常用标签: p:段落,自动换行 span:和div类似,但是默认不换行 br:换行 hr:分割线 h1-h6:标题标签 a:超链接 瞄点:通过给a链接设置#XX作为链接,给需要链接的 ...
    
		
    3. 
						
  3. antd-vue中的form表单label标签for导致点击文字触发输入框解决方案
		
    <a-form-item :label="label+'图片'" :label-col="{ span: 2 }" :wrapper-col=" ...
    
		
    4. 
						
  4. form表单类标签汇总
		
    <form action="form_action.asp" method="get"> First name: <input type=&q ...
    
		
    5. 
						
  5. html5 form表单常用标签
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    6. 
						
  6. HTML的<form>表单标签
		
    表单 HTML 表单用于搜集不同类型的用户输入. ㈠Form标签 ⑴form标签简介 在HTML中,如果创建一个表单,就把各种表单标签放在<form></form>标签内部.我 ...
    
		
    7. 
						
  7. HTML之form表单标签的学习
		
    from表单 表示 <form>form表单域</form> 作用 收集并替提交用户数据给指定服务器 属性 action:收集的数据的提交地址(也就是URL) method:收 ...
    
		
    8. 
						
  8. form表单的属性标签和练习
		
    form表单的标签 做一个如下图的form表单: 我们的代码如下: <body leftmargin="400px" topmargin="200px"& ...
    
		
    9. 
						
  9. java：JavaScript2：（setTimeout定时器，history.go()前进/后退，navigator.userAgent判断浏览器，location.href，五种方法获取标签属性，setAttribute，innerHTML，三种方法获取form表单信息，JS表单验证，DOM对象，form表单操作）
		
    1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head>  ...
    
		
    10. 
						
  10. 前端-form表单与CSS
		
    目录 form表单 表单属性 label标签 input标签 select 下拉框标签 textarea多行文本 提交 Flask 结合form表单 初探 CSS介绍以及基本选择器 基本选择器 组合选 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. ubuntu18启动zabbix-agent失败/故障记录
			
    故障现象 ubuntu 16 升级18 之后 安装了zabbix agent 今天突然agent掉了 上去的时候发现 报错: 后来打算-c 启动然后发现 /usr/sbin/zabbix_agentd ...
    
			
    2. 
						
  2. 安装fail2ban,防止ssh爆破及cc攻击
			
    背景:之前写过shell脚本防止服务器ssh爆破,但是对于服务器的cpu占用较多,看来下资料安装fail2ban 可以有效控制ssh爆破 1:fail2ban 安装(环境:centos6  宝塔) y ...
    
			
    3. 
						
  3. LeetCode 76，一题教会你面试算法时的思考套路
			
    本文始发于个人公众号:TechFlow,原创不易,求个关注 今天是LeetCode专题的第45篇文章,我们一起来看看LeetCode的76题,最小窗口子串Minimum Window Substrin ...
    
			
    4. 
						
  4. ODEINT 求解常微分方程(4）
			
    import numpy as np from scipy.integrate import odeint import matplotlib.pyplot as plt # function tha ...
    
			
    5. 
						
  5. 安装 zabbix
			
    目标在centos8下安装部署zabbix 4.4 zabbix介绍zabbix由2部分构成,zabbix server与可选组件zabbix agent.zabbix server可以通过SNMP, ...
    
			
    6. 
						
  6. Excel随机生成批量日期，以及注意事项
			
    这个是WPS里写的一个函数,用来随机生成日期.首先E1和E2是两个日期端点,右键把单元格格式先设置成“日期”中的“xxxx年xx月xx日 xx:xx”,然后E3=E1-E2算出它们的距离. 在E4里面 ...
    
			
    7. 
						
  7. 附015.Kubernetes其他技巧
			
    一 优化镜像源 1.1 国内镜像源 global proxy in China format example dockerhub (docker.io) dockerhub.azk8s.cn dock ...
    
			
    8. 
						
  8. 恕我直言你可能真的不会java第2篇：Java Stream API？
			
    一.什么是Java Stream API? Java Stream函数式编程接口最初是在Java 8中引入的,并且与lambda一起成为Java开发的里程碑式的功能特性,它极大的方便了开放人员处理集合 ...
    
			
    9. 
						
  9. 浅析pplx库的设计与实现。
			
    主要有三部分组成,threadpool,scheduler,task. 三者关系如上图示,pplx只着重实现了task部分功能,scheduler跟threadpool只是简略实现. threadpo ...
    
			
    10. 
						
  10. 3、尚硅谷_SSM高级整合_创建Maven项目.avi
			
    Maven中dependencyManagement作用说明 在Maven多模块的时候,管理依赖关系是非常重要的,各种依赖包冲突,查询问题起来非常复杂,于是就用到了<dependencyMana ...
    
			
    11.