编程 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 相关文章推荐

javascript之dhDataGrid Ver2.0.0代码

Jul 01 Javascript

关于Javascript与iframe的那些事儿

Jul 04 Javascript

关于jquery的多个选择器的使用示例

Oct 18 Javascript

JS获取当前日期和时间的简单实例

Nov 19 Javascript

jQuery对下拉框,单选框,多选框的操作

Feb 21 Javascript

Js获取下拉框选定项的值和文本的实现代码

Feb 26 Javascript

浅谈jquery中delegate()与live()

Jun 22 Javascript

jQuery+JSON实现AJAX二级联动实例分析

Dec 18 Javascript

JS中将多个逗号替换为一个逗号的实现代码

Jun 23 Javascript

javascript 函数的暂停和恢复实例详解

Apr 25 Javascript

VUE使用axios调用后台API接口的方法

Aug 03 Javascript

TypeScript 使用 Tuple Union 声明函数重载

Apr 07 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学习之PHP表达式

2006/10/09 PHP

PHP实现对文件锁进行加锁、解锁操作的方法

2017/07/04 PHP

Laravel框架实现超简单的分页效果示例

2019/02/08 PHP

JQuery里选择超链接的实现代码

2011/05/22 Javascript

JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))

2012/07/17 Javascript

nodejs实现获取某宝商品分类

2015/05/28 NodeJs

ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案

2016/11/23 Javascript

JavaScript中${pageContext.request.contextPath}取值问题及解决方案

2016/12/08 Javascript

ES6正则表达式扩展笔记

2017/07/25 Javascript

p5.js实现斐波那契螺旋的示例代码

2018/03/22 Javascript

解决vue this.$forceUpdate() 处理页面刷新问题（v-for循环值刷新等）

2018/07/26 Javascript

微信小程序实现省市区三级地址选择

2020/06/21 Javascript

Vue项目前后端联调(使用proxyTable实现跨域方式)

2020/07/18 Javascript

[07:27]DOTA2卡尔工作室英雄介绍水晶室女篇

2013/06/21 DOTA

Python操作MongoDB数据库PyMongo库使用方法

2015/04/27 Python

python http接口自动化脚本详解

2018/01/02 Python

Python构建图像分类识别器的方法

2019/01/12 Python

快速排序的四种python实现（推荐）

2019/04/03 Python

Django框架模板文件使用及模板文件加载顺序分析

2019/05/23 Python

Python使用LDAP做用户认证的方法

2019/06/20 Python

Python OpenCV调用摄像头检测人脸并截图

2020/08/20 Python

Python paramiko 模块浅谈与SSH主要功能模拟解析

2020/02/29 Python

python 插入日期数据到Oracle实例

2020/03/02 Python

Django form表单与请求的生命周期步骤详解

2020/06/07 Python

CSS3 文字动画效果

2020/11/12 HTML / CSS

html5实现微信打飞机游戏

2014/03/27 HTML / CSS

德国苹果商店：MacTrade

2020/05/18 全球购物

继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么？

2015/11/18 面试题

介绍一下Ruby的多线程处理

2013/02/01 面试题

艺术应用与设计个人的自我评价

2013/11/23 职场文书

心碎乌托邦的创业计划书范文

2013/12/26 职场文书

外贸专业求职信

2014/03/09 职场文书

乡镇综治宣传月活动总结

2014/07/02 职场文书

幼儿园圣诞节活动总结

2015/05/06 职场文书

借条格式范本

2015/05/25 职场文书

python的html标准库

2022/04/29 Python