This question already has answers here:
Adjust width of input field to its input
(24个答案)
3年前关闭。
如何根据输入值缩小(和尽可能伸展)
https://jsfiddle.net/hstutyex/3/
我的真实项目使用datepicker,并且日期格式明显短于输入内容,这会导致布局问题。
不用JS的解决方案将不胜感激,但是如果不可能使用JS(和jQuery)也可以。
(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/