编程 Javascript

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文本框随着输入内容多少自动延伸的实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 禁止复制网页

Jun 11 Javascript

juqery 学习之三选择器层级基本

Nov 25 Javascript

自写的jQuery异步加载数据添加事件

May 15 Javascript

Javascript设计模式之观察者模式的多个实现版本实例

Mar 03 Javascript

jQuery实现宽屏图片轮播实例教程

Nov 24 Javascript

Javascript动画效果（1）

Oct 11 Javascript

30分钟快速入门掌握ES6/ES2015的核心内容（上）

Apr 18 Javascript

用Node编写RESTful API接口的示例代码

Jul 04 Javascript

jQuery实现判断滚动条滚动到document底部的方法分析

Aug 27 jQuery

vue实现文字加密功能

Sep 27 Javascript

javascript使用链接跨域下载图片

Nov 01 Javascript

js实现限定范围拖拽的示例

Oct 26 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

各种战术和打法的原创者

2020/03/04 星际争霸

Javascript代码混淆综合解决方案-Javascript在线混淆器

2006/12/18 Javascript

Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)

2010/03/01 Javascript

jQuery-serialize()输出序列化form表单值的方法

2012/12/26 Javascript

JavaScript中数组对象的那些自带方法介绍

2013/03/12 Javascript

js 利用image对象实现图片的预加载提高访问速度

2013/03/29 Javascript

CSS鼠标响应事件经过、移动、点击示例介绍

2013/09/04 Javascript

js实现div闪烁原理及实现代码

2014/06/24 Javascript

jquery实现滑动特效代码

2015/08/10 Javascript

基于javascript数组实现图片轮播

2016/05/02 Javascript

详解nodeJS之路径PATH模块

2017/05/31 NodeJs

Vue2 Vue-cli中使用Typescript的配置详解

2017/07/24 Javascript

js匿名函数使用&传参(实例)

2017/09/08 Javascript

解决vue.js在编写过程中出现空格不规范报错的问题

2017/09/20 Javascript

js中DOM事件绑定分析

2018/03/18 Javascript

vue axios请求超时的正确处理方法

2018/04/02 Javascript

jQuery实现的监听导航滚动置顶状态功能示例

2018/07/23 jQuery

vue监听对象及对象属性问题

2018/08/20 Javascript

详解puppeteer使用代理

2018/12/27 Javascript

详解Node.js异步处理的各种写法

2019/06/09 Javascript

云服务器部署Node.js项目的方法步骤(小白系列)

2020/03/23 Javascript

js实现纯前端压缩图片

2020/11/16 Javascript

Python自定义函数实现求两个数最大公约数、最小公倍数示例

2018/05/21 Python

Python提取支付宝和微信支付二维码的示例代码

2019/02/15 Python

python自动生成model文件过程详解

2019/11/02 Python

Python操作Jira库常用方法解析

2020/04/10 Python

Python使用monkey.patch_all()解决协程阻塞问题

2020/04/15 Python

HTML5 Canvas的性能提高技巧经验分享

2013/07/02 HTML / CSS

给护士表扬信

2014/01/19 职场文书

原材料检验岗位职责

2014/03/15 职场文书

岗位说明书范文

2014/05/07 职场文书

综治工作心得体会

2014/09/11 职场文书

2014年个人工作总结报告

2014/11/27 职场文书

2014年优秀党员材料

2014/12/18 职场文书

食品卫生管理制度

2015/08/06 职场文书

Win11开始菜单添加休眠选项

2022/04/19 数码科技