Javascript 如何根据文本输入的值动态更改（或至少缩小）文本输入的宽度？

如何根据输入值收缩（并尽可能拉伸）一个

？我的意思是，当输入太短时，如何减少输入元素的内部“边距”

我的真实项目使用datepicker，日期格式明显比输入短，这会导致布局问题

---

如果不可能使用JS（和jQuery），则可以使用无JS的解决方案。

使用

onKeyPress

事件来实现这一点，下面是一个示例：

---

另请参见啊，好吧，所以当我使用非字母数字字符时，似乎没有简单的解决方案。