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

JS 拼图游戏面向对象，注释完整。

Jun 18 Javascript

js+css实现增加表单可用性之提示文字

Jun 03 Javascript

浅析JavaScript中的CSS属性及命名规范

Nov 28 Javascript

javascript生成随机大小写字母的方法

Feb 20 Javascript

详细探究ES6之Proxy代理

Jul 22 Javascript

利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层

Mar 15 Javascript

Vuex和前端缓存的整合策略详解

May 09 Javascript

JS控制鼠标拒绝点击某一按钮的实例

Dec 29 Javascript

将Vue组件库更换为按需加载的方法步骤

May 06 Javascript

Angular+Ionic使用queryParams实现跳转页传值的方法

Sep 05 Javascript

Openlayers+EasyUI Tree动态实现图层控制

Sep 28 Javascript

JavaScript实现音乐播放器

Aug 14 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 UTF8 文件的签名问题

2009/10/30 PHP

php的memcache类分享(memcache队列)

2014/03/26 PHP

Yii2基于Ajax自动获取表单数据的方法

2016/08/10 PHP

CI框架实现优化文件上传及多文件上传的方法

2017/01/04 PHP

PHP实现文件上传后台处理脚本

2020/03/04 PHP

JS DOM 操作实现代码

2010/08/01 Javascript

html的DOM中document对象forms集合用法实例

2015/01/21 Javascript

jQuery弹层插件jquery.fancybox.js用法实例

2016/01/22 Javascript

javascript实现消灭星星小游戏简单版

2016/11/15 Javascript

react-native 完整实现登录功能的示例代码

2017/09/11 Javascript

javascript和php使用ajax通信传递JSON的实例

2018/08/21 Javascript

jsonp跨域及实现百度首页联想功能的方法

2018/08/30 Javascript

JavaScript基于数组实现的栈与队列操作示例

2018/12/22 Javascript

浅谈v-for 和 v-if 并用时筛选条件方法

2019/11/07 Javascript

python编写爬虫小程序

2015/05/14 Python

举例讲解Python设计模式编程中的访问者与观察者模式

2016/01/26 Python

python 写的一个爬虫程序源码

2016/02/28 Python

Python实现生成随机日期字符串的方法示例

2017/12/25 Python

TensorFlow入门使用 tf.train.Saver()保存模型

2018/04/24 Python

python使用pymongo操作mongo的完整步骤

2019/04/13 Python

numpy np.newaxis 的实用分享

2019/11/30 Python

Python中有几个关键字

2020/06/04 Python

python 批量下载bilibili视频的gui程序

2020/11/20 Python

python中实现词云图的示例

2020/12/19 Python

阿姆斯特丹杜莎夫人蜡像馆官方网站：Madame Tussauds Amsterdam

2019/03/12 全球购物

华美博弈C/VC工程师笔试试题

2012/07/16 面试题

Discard Protocol抛弃协议的作用是什么

2015/10/10 面试题

《雪地里的小画家》教学反思

2014/02/22 职场文书

《盘古开天地》教学反思

2014/02/28 职场文书

公开服务承诺制度

2014/03/26 职场文书

聚会通知怎么写

2015/04/23 职场文书

2015年材料员工作总结

2015/04/30 职场文书

车辆安全隐患排查制度

2015/08/05 职场文书

php字符串倒叙

2021/04/01 PHP

Python数据分析入门之教你怎么搭建环境

2021/05/13 Python

Golang 对es的操作实例

2022/04/20 Golang