您的位置: 首页  >  IT文章  >  如何使一个input文本框随其中内容而变化长度（转）

如何使一个input文本框随其中内容而变化长度（转）

分类: IT文章 • 2022-04-11 13:38:41

第一:

<input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4">

　　其中 size="4"就是定义初始的大小,如果这里没有定义,那就把

this.size=(this.value.length>4?this.value.length:4)

　　里面的4改成20,<input type="text">的默认size就是20

　　第二:

　　如果你在style里定义了width属性,又要让它的width根据内容来变化,两个要求不就矛盾了吗.所以这里不能在style里定义width属性.

  • 相关阅读:
    Nginx详解十四：Nginx场景实践篇之代理服务
    PyCharm设置字体风格
    PyCharm+SVN
    Nginx详解十三：Nginx场景实践篇之防盗链
    Nginx详解十二：Nginx场景实践篇之跨站访问相关
    Nginx详解十一：Nginx场景实践篇之Nginx缓存
    Nginx详解十：Nginx场景实践篇之Nginx静态资源场景配置
    Nginx详解九：Nginx基础篇之Nginx的访问控制
    浅谈控件(组件)制作方法一（附带一delphi导出数据到Excel的组件实例）（原创）
    切断数据感知控件，大大提升软件运行速度
  • 原文地址：https://www.cnblogs.com/xupeiyu/p/3654281.html

    • 第一:

    <input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4">

    　　其中 size="4"就是定义初始的大小,如果这里没有定义,那就把

    this.size=(this.value.length>4?this.value.length:4)

    　　里面的4改成20,<input type="text">的默认size就是20

    　　第二:

    　　如果你在style里定义了width属性,又要让它的width根据内容来变化,两个要求不就矛盾了吗.所以这里不能在style里定义width属性.

    相关推荐