js实现文本框宽度自适应文本宽度的方法
作者：企鹅 发布时间：2024-04-19 09:52:36
标签：js,文本框,宽度
本文实例讲述了js实现文本框宽度自适应文本宽度的方法。分享给大家供大家参考。具体如下：
一个会随着输入文本框的字符多少而自动增加宽度的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>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
0
投稿猜你喜欢
除了C/C++以外，我也接触过不少流行的语言，PHP、java、javascript、python，其中python可以说是操作起来最方便，- 本文记录了mysql 5.7.23 winx64安装教程，具体内容如下Step1官方：下载地址选择手动下载版本解压到自己指定的路径上图中的m
- 讲在前面的话：一个成熟的全栈工程师开发的前后端项目鉴权是必不可少的，接下来我们就用一篇文章来介绍一下express鉴权之路。本文主要目的是介
- 本文主要介绍了Python利用numpy实现三层神经网络的示例代码，分享给大家，具体如下：其实神经网络很好实现，稍微有点基础的基本都可以实现
- 我为一大型网站做了一个论坛，也顺利通过了测试。由于是第一次做这方面的数据库，我不知道比其它网站上数据库差距有多大，是不是够优化。能推荐或介绍
- 本文实例讲述了python异常和文件处理机制。分享给大家供大家参考，具体如下：1 异常处理Python的异常用tryexceptfinall
- 本文实例为大家分享了python使用matplotlib绘制雷达图的具体代码，供大家参考，具体内容如下示例代码：# encoding: ut
- 信息安全的核心就是数据库的安全，也就是说数据库加密是信息安全的核心问题。数据库数据的安全问题越来越受到重视，数据库加密技术的应用极大的解决了
- 本文实例为大家分享了python实现简单tftp的具体代码，供大家参考，具体内容如下tftp是基于udp的协议实现简单的tftp，首先要有t
- 对于web开来说，用户登陆、注册、文件上传等是最基础的功能，针对不同的web框架，相关的文章非常多，但搜索之后发现大多都不具有完整性，对于想
- mysql时间序列间隔查询在时间序列处理中，采集到的数据保存在数据表中，采集的频率可能是固定间隔（10秒，1小时或者1天），但往往是不固定的
- 前言快520了，咱们来玩玩五子棋陶冶情操。快拿这个和你女朋友去对线。（分了别来找我哇）。多的不说直接进入正题人人对战游戏规则：p1为黑子，p
- 天冷，人懒，事多，我就不全文翻译了。只列几个标题，很多内容完全按照我自己的理解写了一下。想读原汁原味的请移步：Icon design tre
- '''数据集：伪造数据集（两个高斯分布混合）数据集长度：1000--------------------------
- 使用python进行websocket的客户端压力测试，这个代码是从github上 找到。然后简单修改了下。大神运用了进程池，以及线程池的内
- 本文实例讲述了PHP global全局变量的使用与注意事项。分享给大家供大家参考，具体如下：使用global在方法里面声明外部变量为全局变量
- 这篇文章主要介绍了Python爬虫爬取百度搜索内容代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要
- 一、写在开头哈喽兄弟们之前经常编写Python脚本来进行数据处理、数据传输和模型训练。随着数据量和数据复杂性的增加，运行脚本可能需要一些时间
- 相对于Java方式的聊天室，Python同样可以做得到。而且可以做的更加的优雅。想必少了那么多的各种流的Python Socket，你一定会
- 用户输入1、使用input来等待用户输入。如 username = input('username:') password
