这个问题在这里已经有了答案:
Adjust width of input field to its input
(31 个回答)
5年前关闭。
我怎样才能缩小(如果可能的话拉伸(stretch))<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/