javascript - 当里面的文本大于输入本身时，如何使 html 输入扩展

Question

我有一个输入(html 元素)，有时来自用户的输入(文本)大于输入(html 元素)的宽度有没有办法让输入(html 元素)在用户时自动增长正在打字？

观察。如果只用 css 制作会更好

------------------------------------编辑1-------- ----------------------------

我做了一个 JSfiddle ，正如您所看到的，当您输入大量文本时，文本会被裁剪。我现在正试图让它与 <span contenteditable="true" > 一起工作

Answer 1

如果您不需要 javascript/jquery 解决方案，我建议您使用 contenteditable div 而不是 input 元素

举个例子 https://jsfiddle.net/sohelansari/631uzco9

或者，如果您只想使用输入元素，那么不幸的是，纯 css 解决方案是不可能的。你可以写一个 jquery 插件，可能是这样的 -> Is there a jQuery autogrow plugin for text fields? .