分类分类
更新时间:2026-03-11 18:58:27作者:yezheng
本文实例讲述了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>
希望本文所述对大家的javascript程序设计有所帮助。
</html>
相关
遮天帝路争锋手游角色扮演266.95 MBv1.12026-03-11
下载深海迷航冰点之下手机版角色扮演2.08Gv1.22.549392026-03-11
下载旺商聊App社交通讯100.11 MBv3.6.32026-03-11
下载火箭沙盒App实用工具37.4 MBv1.2.62026-03-11
下载免费刷短剧漫剧影音播放111.08 MBv1.0.12026-03-11
下载免费漫剧大全APP影音播放93.03 MBv1.0.02026-03-11
下载全免漫剧看短剧影音播放103.79 MBv1.0.12026-03-11
下载武将无双0.1折版策略游戏605.69 MBv0.12026-03-11
下载Canta实用工具4.48 Mv3.2.22026-03-11
下载王者圣域策略游戏429.26 Mv2.1.0.22026-03-11
下载光强仪app实用工具4.91 Mv5.1.02026-03-11
下载光之守护者最新版角色扮演323.66 Mv1.8.92026-03-11
下载










