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

 时间:2024-10-13 05:30:08

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

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

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

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

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

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

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

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

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

JS如何实现文本框随文本的长度而增长JS如何实现文本框随文本的长度而增长
  • 武林外传怎么取消翅膀
  • 无头骑士的坐骑怎么获得?
  • 奇迹暖暖怎么获得粉色高腰娃娃裙
  • 易语言如何调用API隐藏桌面图标
  • linux服务器怎么安装宝塔面板
  • 热门搜索
    什么是封闭基金 qq起什么名字好听 金蝉脱壳是什么意思 南柯一梦是什么意思 小时代5什么时候上映 闺蜜结婚祝福语朋友圈 挨挨挤挤的意思 手机陀螺仪有什么用 什么面膜祛痘效果好 小米max什么时候上市