编程 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 脚本将当地时间转换成其它时区

Mar 19 Javascript

javascript天然的迭代器

Oct 29 Javascript

jquery+easeing实现仿flash的载入动画

Mar 10 Javascript

Jquery左右滑动插件之实现超级炫酷动画效果附源码下载

Dec 02 Javascript

基于Node.js的强大爬虫能直接发布抓取的文章哦

Jan 10 Javascript

jquery zTree异步加载简单实例讲解

Feb 25 Javascript

js获取当前年月日-YYYYmmDD格式的实现代码

Jun 01 Javascript

JavaScript中数组的22种方法必学(推荐)

Jul 20 Javascript

使用vue.js写一个tab选项卡效果

Mar 25 Javascript

AngularJs 最新验证手机号码的实例,成功测试通过

Nov 26 Javascript

jquery 通过ajax请求获取后台数据显示在表格上的方法

Aug 08 jQuery

如何使用three.js 制作一个三维的推箱子游戏

Jul 29 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

PHP手机号中间四位用星号*代替显示的实例

2017/06/02 PHP

Cookie跨域问题解决方案代码示例

2020/11/24 PHP

复制Input内容的js代码_支持所有浏览器，修正了Firefox3.5以上的问题

2010/06/21 Javascript

网站页面自动跳转实现方法PHP、JSP（上）

2010/08/01 Javascript

用jquery实现点击栏目背景色改变

2012/12/10 Javascript

js+css实现tab菜单切换效果的方法

2015/01/20 Javascript

JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法

2015/04/25 Javascript

JavaScript jQuery 中定义数组与操作及jquery数组操作

2015/12/18 Javascript

jQuery实现简单隔行变色的方法

2016/02/20 Javascript

Window.Open打开窗体和if嵌套代码

2016/04/15 Javascript

Bootstrap fileinput组件封装及使用详解

2017/03/10 Javascript

JavaScript登录验证基础教程

2017/11/01 Javascript

JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

2019/11/19 Javascript

vue动态设置页面title的方法实例

2020/08/23 Javascript

详解Vue的七种传值方式

2021/02/08 Vue.js

[53:10]完美世界DOTA2联赛决赛日 FTD vs GXR 第二场 11.08

2020/11/11 DOTA

Python中的默认参数详解

2015/06/24 Python

网站渗透常用Python小脚本查询同ip网站

2017/05/08 Python

python自动化脚本安装指定版本python环境详解

2017/09/14 Python

python2.7读取文件夹下所有文件名称及内容的方法

2018/02/24 Python

python3学习之Splash的安装与实例教程

2018/07/09 Python

详解python列表生成式和列表生成式器区别

2019/03/27 Python

python创建n行m列数组示例

2019/12/02 Python

基于python SMTP实现自动发送邮件教程解析

2020/06/02 Python

利用PyQt5+Matplotlib 绘制静态/动态图的实现代码

2020/07/13 Python

IE滤镜与CSS3效果(详细整理分享)

2013/01/25 HTML / CSS

html5的pushstate以及监听浏览器返回事件的实现

2020/08/11 HTML / CSS

Kathmandu澳洲户外商店：新西兰户外运动品牌

2017/11/12 全球购物

倩碧香港官方网站：Clinique香港

2017/11/13 全球购物

Bluebella美国官网：英国性感内衣品牌

2018/10/04 全球购物

新闻专业推荐信范文

2013/11/20 职场文书

判缓刑人员个人思想汇报

2014/10/10 职场文书

婚礼新人答谢词

2015/01/04 职场文书

医院志愿者活动总结

2015/05/06 职场文书

Html5生成验证码的示例代码

2021/05/10 Javascript

Python爬虫基础之爬虫的分类知识总结

2021/05/13 Python