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程序设计有所帮助。

Javascript 相关文章推荐
prototype Element学习笔记(篇二)
Oct 26 Javascript
js原生appendChild的bug解决心得分享
Jul 01 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
详解JavaScript 中的 replace 方法
Jan 01 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
Bootstrap模仿起筷首页效果
May 09 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
NProgress显示顶部进度条效果及使用详解
Sep 21 Javascript
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
基于原生js实现九宫格算法代码实例
Jul 03 Javascript
关于vue 结合原生js 解决echarts resize问题
Jul 26 Javascript
vue自定义右键菜单之全局实现
Apr 09 Vue.js
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
win7安装php框架Yii的方法
2016/01/25 PHP
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
2006/11/07 Javascript
这段js代码得节约你多少时间
2011/12/20 Javascript
JQuery学习笔录 简单的JQuery
2012/04/09 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
chrome不支持form.submit的解决方案
2015/04/28 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
vue.js项目打包上线的图文教程
2017/11/16 Javascript
Vue中使用vee-validate表单验证的方法
2018/05/09 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
React冒泡和阻止冒泡的应用详解
2020/08/18 Javascript
[03:04]DOTA2超级联赛专访ZSMJ “莫名其妙”的逆袭
2013/05/23 DOTA
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
Python的装饰器用法学习笔记
2016/06/24 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
值得收藏的10道python 面试题
2019/04/15 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
python实现控制COM口的示例
2019/07/03 Python
python实现XML解析的方法解析
2019/11/16 Python
django formset实现数据表的批量操作的示例代码
2019/12/06 Python
浅析Python迭代器的高级用法
2020/07/16 Python
python 从list中随机取值的方法
2020/11/16 Python
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
.net软件工程师面试题
2015/03/31 面试题
室内设计实习自我鉴定
2013/09/25 职场文书
大学教师年终总结的自我评价
2013/10/29 职场文书
列车长先进事迹材料
2014/01/25 职场文书
酒店大堂副理的职责范文
2014/02/13 职场文书
售后服务经理岗位职责范本
2014/02/22 职场文书
入股协议书
2014/04/14 职场文书
最新离婚协议书范本
2014/08/19 职场文书
计算机专业自荐信范文
2015/03/26 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书