Input文本框随着输入内容多少自动延伸的实现


Posted in Javascript onFebruary 15, 2017

实例如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<script language="javascript"> 
function checkLength(which) { 
  var oTextCount = document.getElementById("char");  
  iCount = which.value.replace(/[^/u0000-/u00ff]/g,"aa"); 
  oTextCount.innerHTML = "<font color=#FF0000>"+ iCount.length+"</font>"; 
  which.style.border = '1px dotted #FF0000'; 
which.size=iCount.length+2; 
} 
 </script> 
</head> 
<body> 
<input name="words" size="2"  onkeyup="checkLength(this)"/> 
  <span id="char">0</span>个字符 
</body> 
</html>

以上这篇Input文本框随着输入内容多少自动延伸的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery的学习步骤
Feb 23 Javascript
jQuery客户端分页实例代码
Nov 18 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
May 14 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
Dec 19 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
js实现复制功能(多种方法集合)
Jan 06 Javascript
Vue二次封装axios为插件使用详解
May 21 Javascript
使用ng-packagr打包Angular的方法示例
Sep 21 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 #Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 #Javascript
Canvas 绘制粒子动画背景
Feb 15 #Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 #Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 #Javascript
js代码延迟一定时间后执行一个函数的实例
Feb 15 #Javascript
图文详解Javascript中的上下文和作用域
Feb 15 #Javascript
You might like
第八节--访问方式
2006/11/16 PHP
PHP 图像尺寸调整代码
2010/05/26 PHP
浅析Yii中使用RBAC的完全指南(用户角色权限控制)
2013/06/20 PHP
深入PHP许愿墙模块功能分析
2013/06/25 PHP
php加密解密实用类分享
2014/01/07 PHP
php根据日期判断星座的函数分享
2014/02/13 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
页面回到顶部的三种实现(锚标记,js)
2012/10/01 Javascript
js+HTML5实现视频截图的方法
2015/06/16 Javascript
详解JavaScript基本类型和引用类型
2015/12/09 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
详细介绍RxJS在Angular中的应用
2017/09/23 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
JavaScript canvas动画实现时钟效果
2020/02/10 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
[00:12]2018DOTA2亚洲邀请赛SOLO赛 MidOne是否中单第一人?
2018/04/05 DOTA
python requests 测试代理ip是否生效
2018/07/25 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
在pytorch 中计算精度、回归率、F1 score等指标的实例
2020/01/18 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
如何进行Linux分区优化
2016/09/13 面试题
幼儿园大班评语大全
2014/04/17 职场文书
审计班子对照检查材料
2014/08/27 职场文书
2014年扫黄打非工作总结
2014/12/03 职场文书
网络营销计划
2015/01/17 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
党支部半年考察意见
2015/06/01 职场文书
2015年秋季开学典礼校长致辞
2015/07/16 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书
Window server 2012 R2 AD域的组策略相关设置
2022/04/28 Servers