本文通过一个实例描述了js实现文本框自适应文本宽度的方法。分享给大家参考。具体如下：

一个JS代码，它会随着文本框中输入的字符数自动增加宽度。当我们在文本框中输入字符时，如果文本框的宽度定义太小，我们输入的字符将被隐藏。这段代码实现了文本框将自动适应输入字符的数量并自动加长。

运行效果如下图所示：

具体代码如下：

！doctype html public '-//W3C//dtd html 1.0 transitional//en ' html head title文本框的宽度自动适应文本宽度/标题/标题脚本类型='text/javascript '函数changinputlength(cursor){ var get count=document . getelementbyid(' count font ')；var getText=document . getelementbyid(' text ')；Getcount.innerHTML='font '(parse int(gettext . value . length)1)“字符/字体”；cursor . size=GetText . value . length 2；}/脚本正文请输入字符：输入类型=' text ' size=' 3 ' id=' text ' onkeydown=' changinputlength(this)；'/span id=' count font '/span/body/html希望本文对javascript编程有所帮助。