欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

input 输入框宽度自适应

程序员文章站 2022-06-07 15:31:59
...
<html>

<title>input 输入框宽度自适应</title>

<body>
<input id="test" onkeypress="changeWidth()" type="text"/>
</body>
<script>
    function changeWidth() {
        var testLength = document.getElementById('test').value.length,
            testDom = document.getElementById('test')
        testDom.style.width = testLength*8 + 'px';
    }
</script>
</html>