• 技术文章 >web前端 >html教程

    input文本框随其中内容而变化长度的方法介绍

    高洛峰高洛峰2017-03-06 16:06:25原创1680
    这篇文章主要介绍了如何使一个input文本框随其中内容长度变化而变化长度,实现原理很简单,大家看过之后就知道了 第一:

    代码如下:

    <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属性.

    更多input文本框随其中内容而变化长度的方法介绍相关文章请关注PHP中文网!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:input 文本框
    上一篇:html元素遮挡flash示例详细介绍 下一篇:html中使用margin:0 auto整个页面不居中的解决方法示例
    千万级数据并发解决方案

    相关文章推荐

    • Axure做注册模块的一些小操作_html/css_WEB-ITnose• html +CSS+div学习――第二课_html/css_WEB-ITnose• javascript的浏览器对象• HTML中meta标签作用及属性总结_html/css_WEB-ITnose• pure的bug记录2_html/css_WEB-ITnose
    1/1

    PHP中文网