This question already has answers here:
Adjust width of input field to its input
                                
                                    (24个答案)
                                
                        
                                3年前关闭。
            
                    
如何根据输入值缩小(和尽可能伸展)<input type="text" />?我的意思是,当输入太短时,如何减少输入元素的内部“边距”?

https://jsfiddle.net/hstutyex/3/

我的真实项目使用datepicker,并且日期格式明显短于输入内容,这会导致布局问题。

不用JS的解决方案将不胜感激,但是如果不可能使用JS(和jQuery)也可以。

最佳答案

使用onKeyPress事件执行此操作,以下是一个示例:



<input type="text"
       onkeypress="this.style.width = ((this.value.length + 1) * 8) + 'px';">

关于javascript - 如何根据其值动态更改(或至少缩小)文本输入的宽度? ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41320820/

10-12 13:06
查看更多