当前位置:Gxlcms > html代码 > input文本框实现宽度自适应代码实例,input文本框_html/css_WEB-ITnose

input文本框实现宽度自适应代码实例,input文本框_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:103人阅读

本章节介绍一下如何让一个文本框的宽度能够随着文本框中的内容的宽度增长而增长,也就是能够实现宽度自适应效果。

代码实例如下:

www.100sucai.com

以上代码实现了我们的要求,代码非常的简单,注册onkeyup事件处理函数,此函数可以判断当前输入内容的长度是否大于默认长度,如果不大于,则文本框的长度就是4,否则就是输入内容的长度。

人气教程排行