编程 Javascript

JS如何实现文本框随文本的长度而增长

Posted in Javascript onJuly 30, 2015

本文实例讲述了JS实现文本框随文本的长度而增长的方法，具体实现方法如下：

<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">
<html>
<head>
<title>文本框随文本的宽度而增长</title>
</head>
<script type="text/javascript">
function changeInputlength(cursor)
{
var getcount=document.getElementById("countFont");
var getText=document.getElementById("text");
getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>';
cursor.size=getText.value.length+2;
}
</script>
<body>
<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>
</body>

希望本文所述对大家的javascript程序设计有所帮助。

JS如何实现文本框随文本的长度而增长

- Author -

lijiao

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

Javascript 相关文章推荐

[HTML/CSS/Javascript]WWTJS

Sep 25 Javascript

JQuery 弹出框定位实现方法

Dec 02 Javascript

javascript延时加载之defer测试

Dec 28 Javascript

jQuery使用之处理页面元素用法实例

Jan 19 Javascript

JS中with的替代方法与String中的正则方法详解

Dec 23 Javascript

原生javascript移动端滑动banner效果

Mar 10 Javascript

ES6新特性之字符串的扩展实例分析

Apr 01 Javascript

微信小程序开发之选项卡(窗口底部TabBar)页面切换

Apr 12 Javascript

Canvas放置反弹效果随机图形(实例)

Aug 17 Javascript

JavaScript编写棋盘覆盖代码详解

Aug 28 Javascript

js实现轮播图的两种方式(构造函数、面向对象)

Sep 30 Javascript

vue实现2048小游戏功能思路详解

May 09 Javascript

js代码实现随机颜色的小方块

Jul 30 #Javascript

js代码验证手机号码和电话号码是否合法

Jul 30 #Javascript

javascript设计模式之对象工厂函数与构造函数详解

Jul 30 #Javascript

js判断浏览器类型及设备（移动页面开发）

Jul 30 #Javascript

javascript中if和switch，==和===详解

Jul 30 #Javascript

用javascript实现自动输出网页文本

Jul 30 #Javascript

理解javascript中的原型和原型链

Jul 30 #Javascript

You might like

使用PHP把HTML生成PDF文件的几个开源项目介绍

2014/11/17 PHP

php 微信开发获取用户信息如何实现

2016/12/13 PHP

js对象与打印对象分析比较

2013/04/23 Javascript

JS中的this变量的使用介绍

2013/10/21 Javascript

使用javascript为网页增加夜间模式

2014/01/26 Javascript

DIV始终居中的js代码

2014/02/17 Javascript

Javascript this 关键字详解

2014/10/22 Javascript

jQuery mobile 移动web(6)

2015/12/20 Javascript

js获取iframe中的window对象的实现方法

2016/05/20 Javascript

全面解析JavaScript里的循环方法之forEach，for-in，for-of

2020/04/20 Javascript

微信小程序遇到修改数据后页面不渲染的问题解决

2017/03/09 Javascript

angularJs使用ng-repeat遍历后选中某一个的方法

2018/09/30 Javascript

js实现多个倒计时并行 js拼团倒计时

2019/02/25 Javascript

使用post方法实现json往返传输数据的方法

2019/03/30 Javascript

JS Generator 函数的含义与用法实例总结

2020/04/08 Javascript

JS实现无限轮播无倒退效果

2020/09/21 Javascript

Python可变参数函数用法实例

2015/07/07 Python

解读Django框架中的低层次缓存API

2015/07/24 Python

Python数据可视化库seaborn的使用总结

2019/01/15 Python

Django实现分页显示效果

2019/10/31 Python

python输出数组中指定元素的所有索引示例

2019/12/06 Python

使用Django清空数据库并重新生成

2020/04/03 Python

解决pyqt5异常退出无提示信息的问题

2020/04/08 Python

Python日志器使用方法及原理解析

2020/09/27 Python

Python 2.6.6升级到Python2.7.15的详细步骤

2020/12/14 Python

劳力士官方珠宝商：J.R. Dunn Jewelers

2018/09/29 全球购物

TCP/IP模型的分界线

2012/12/01 面试题

班会关于环保演讲稿

2013/12/29 职场文书

元旦红领巾广播稿

2014/02/19 职场文书

啤酒节策划方案

2014/05/28 职场文书

会计工作总结范文2014

2014/12/23 职场文书

2015重阳节敬老活动总结

2015/07/29 职场文书

2016学习依法治国心得体会

2016/01/15 职场文书

2016中秋节广告语

2016/01/28 职场文书

2016孝老爱亲模范事迹材料

2016/02/26 职场文书

Golang中channel的原理解读(推荐)

2021/10/16 Golang