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 相关文章推荐
dojo 之基础篇(三)之向服务器发送数据
Mar 24 Javascript
JavaScript 关键字屏蔽实现函数
Aug 02 Javascript
为指定元素增加样式的js代码
Dec 09 Javascript
js prototype截取字符串函数
Apr 01 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
Dec 28 Javascript
JS方法调用括号的问题探讨
Jan 24 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
AngularJS改变元素显示状态
Apr 20 Javascript
JavaScript实现京东放大镜效果
Dec 03 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
APMServ使用说明
2006/10/23 PHP
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
php组合排序简单实现方法
2016/10/15 PHP
PHP屏蔽关键字实现方法
2016/11/17 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
js每隔5分钟执行一次ajax请求的实现方法
2013/11/27 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
jquery中push()的用法(数组添加元素)
2014/11/25 Javascript
对Web开发中前端框架与前端类库的一些思考
2015/03/27 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
Vuex入门到上手教程
2018/06/20 Javascript
vue中锚点的三种方法
2018/07/06 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
怎样在vue项目下添加ESLint的方法
2019/05/16 Javascript
python操作字典类型的常用方法(推荐)
2016/05/16 Python
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
深入理解Django中内置的用户认证
2017/10/06 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
澳大利亚网上书店:QBD
2021/01/09 全球购物
生物技术专业研究生自荐信
2013/09/22 职场文书
外语系毕业生自荐信范文
2013/12/16 职场文书
圣诞节红领巾广播稿
2014/02/03 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
员工趣味活动方案
2014/08/27 职场文书
对照检查剖析材料
2014/09/30 职场文书
大二学生自我检讨书
2014/10/23 职场文书
打架检讨书
2015/01/27 职场文书
新闻简讯格式及范文
2015/07/22 职场文书
启动Tomcat时出现大量乱码的解决方法
2021/06/21 Java/Android
nginx请求限制配置方法
2021/07/09 Servers
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle
如何利用python创作字符画
2022/06/25 Python