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

jQuery 技巧大全(新手入门篇)

May 12 Javascript

jquery tablesorter.js 支持中文表格排序改进

Dec 09 Javascript

跨浏览器开发经验总结（三）警惕“IE依赖综合症”

May 13 Javascript

基于jquery可配置循环左右滚动例子

Sep 09 Javascript

jquery将一个表单序列化为一个对象的方法

Jan 03 Javascript

jQuery截取指定长度字符串代码

Aug 21 Javascript

javascript实现客户端兼容各浏览器创建csv并下载的方法

Mar 23 Javascript

在jQuery中使用$而避免跟其它库产生冲突的方法

Aug 13 Javascript

Vue获取DOM元素样式和样式更改示例

Mar 07 Javascript

后台使用freeMarker和前端使用vue的方法及遇到的问题

Jun 13 Javascript

如何提升vue.js中大型数据的性能

Jun 21 Javascript

分享一个vue实现的记事本功能案例

Apr 11 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

批量修改RAR文件注释的php代码

2010/11/20 PHP

php 搜索框提示(自动完成)实例代码

2012/02/05 PHP

PHP原生函数一定好吗？

2014/12/08 PHP

php判断邮箱地址是否存在的方法

2016/02/13 PHP

xml分页+ajax请求数据源+dom取结果实例代码

2008/10/31 Javascript

基于jquery的给文章加入关键字链接

2010/10/26 Javascript

基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )

2011/10/10 Javascript

3种不同方式的焦点图轮播特效分享

2013/10/30 Javascript

Javascript中的几种URL编码方法比较

2015/01/23 Javascript

使用pjax实现无刷新更改页面url

2015/02/05 Javascript

深入理解JavaScript系列（50）：Function模式（下篇）

2015/03/04 Javascript

jquery实现左右滑动菜单效果代码

2015/08/27 Javascript

bootstrap表格分页实例讲解

2016/12/30 Javascript

vue中v-model动态生成的实例详解

2017/10/27 Javascript

vue中使用cookies和crypto-js实现记住密码和加密的方法

2018/10/18 Javascript

node获取客户端ip功能简单示例

2019/08/24 Javascript

CentOS 8.2服务器上安装最新版Node.js的方法

2020/12/16 Javascript

[10:39]DOTA2上海特级锦标赛音乐会纪录片

2016/03/21 DOTA

python实现问号表达式(?)的方法

2013/11/27 Python

使用Python的Supervisor进行进程监控以及自动启动

2014/05/29 Python

Python3基础之函数用法

2014/08/13 Python

和孩子一起学习python之变量命名规则

2018/05/27 Python

django认证系统实现自定义权限管理的方法

2018/07/16 Python

Python基于requests库爬取网站信息

2020/03/02 Python

python如何快速生成时间戳

2020/07/21 Python

如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑

2020/10/15 Python

HTML5新表单元素_动力节点Java学院整理

2017/07/12 HTML / CSS

英国家庭、花园、汽车和移动解决方案：Easylife Group

2018/05/23 全球购物

同步和异步有何异同，在什么情况下分别使用他们

2013/04/09 面试题

信息与计算科学专业推荐信

2014/02/23 职场文书

大学生个人自荐信样本

2014/03/02 职场文书

运动会拉拉队口号

2014/06/09 职场文书

五一促销活动总结

2014/07/01 职场文书

廉洁自律证明

2015/06/24 职场文书

Django使用echarts进行可视化展示的实践

2021/06/10 Python

MySQL中CURRENT_TIMESTAMP的使用方式

2021/11/27 MySQL