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 相关文章推荐
js+CSS 图片等比缩小并垂直居中实现代码
Dec 01 Javascript
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
JS中实现replaceAll的方法(实例代码)
Nov 12 Javascript
Node.js实现在目录中查找某个字符串及所在文件
Sep 03 Javascript
在html中引入外部js文件,并调用带参函数的方法
Oct 31 Javascript
利用fecha进行JS日期处理
Nov 21 Javascript
fullPage.js和CSS3实现全屏滚动效果
May 05 Javascript
JavaScript箭头(arrow)函数详解
Jun 04 Javascript
vue+php实现的微博留言功能示例
Mar 16 Javascript
node Buffer缓存区常见操作示例
May 04 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
Dec 07 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
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
PHP使用curl_multi_select解决curl_multi网页假死问题的方法
2018/08/15 PHP
Javascript 继承实现例子
2009/08/12 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
2016/05/26 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
Nodejs抓取html页面内容(推荐)
2016/08/11 NodeJs
js实现一个猜数字游戏
2017/03/31 Javascript
浅谈手写node可读流之流动模式
2018/06/01 Javascript
Vue作用域插槽slot-scope实例代码
2018/09/05 Javascript
移动端手指操控左右滑动的菜单
2019/09/08 Javascript
解决vue addRoutes不生效问题
2020/08/04 Javascript
Vue中使用JsonView来展示Json树的实例代码
2020/11/16 Javascript
python中的set实现不重复的排序原理
2018/01/24 Python
Pandas 对Dataframe结构排序的实现方法
2018/04/10 Python
解决python matplotlib imshow无法显示的问题
2018/05/24 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
python pygame实现2048游戏
2018/11/20 Python
基于wxPython的GUI实现输入对话框(1)
2019/02/27 Python
Python给图像添加噪声具体操作
2019/03/03 Python
python 下划线的不同用法
2020/10/24 Python
pandas 数据类型转换的实现
2020/12/29 Python
Oakley官网:运动太阳镜、雪镜和服装
2016/09/30 全球购物
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
化工机械应届生求职信
2013/11/04 职场文书
安卓程序员求职信
2014/02/28 职场文书
学生会竞选演讲稿学习部
2014/08/25 职场文书
教师个人工作总结范文2014
2014/11/10 职场文书
新闻通讯稿模板
2015/07/22 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python
MySQL如何构建数据表索引
2021/05/13 MySQL
如何有效防止sql注入的方法
2021/05/25 SQL Server
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript
世界十大评分最高的动漫,CLANNAD上榜,第八赚足人们眼泪
2022/03/18 日漫
十大最帅动漫男主 碓冰拓海上榜,第一是《灌篮高手》男主角
2022/03/18 日漫
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL