JS如何实现文本框随文本的长度而增长

1、先新建一个html文件。然后用可编辑文本文件的软件打开，我这里使用的是NotePad++。

2、然后写入html文件的一些基本要素和一个input标签。

3、接着编写changeLength()函数来控制文本框的长度。具体内容如图。用len变量来记录实际的长度，11-15行是对每个字符进行判断，如果是中文字符，则len+2，否则len+1,17-21行是用来控制文本框的长度，如果输入的字符串的长度小于20的话，则让文本框的长度限定在20。

4、整个文件的内容如图。

5、使用浏览器打开该文件，效果如图。