一尘不染

调整输入字段的宽度为其输入

javascript







这是我的代码,无法正常工作。HTML,JavaScript,PHP或CSS是否有其他方法来设置最小宽度?

我希望文本输入字段的宽度可以动态变化,以便输入字段可以围绕其内容流动。每个输入都有的内置填充2em,这是问题,第二个问题是min-width根本无法处理输入。

如果我设置的宽度超出了整个程序的混乱,那么我需要的宽度是1px,仅在需要时才需要。


阅读 215

收藏
2020-04-25

共1个答案

一尘不染

听起来您的期望是,根据文本框的内容将样式动态地应用于文本框的宽度。如果是这样,您将需要一些js以在文本框内容更改时运行,如下所示:

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

注意:此解决方案仅在每个字符都非常8px宽时才有效。

2020-04-25