当内部文本大于输入本身时，如何使 html 输入展开

Question

我有一个输入（html 元素），有时来自用户的输入（文本）大于输入（html 元素）的宽度，有没有办法使输入（html 元素）在用户键入时自动增长？

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

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

我制作了一个JSfiddle，正如您所看到的，当您输入太多文本时，文本会被裁剪。我现在正在尝试让它与<span contenteditable="true" >

Answer 1

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

这是一个示例 https://jsfiddle.net/sohelansari/631uzco9

或者，如果您只想使用输入元素，那么不幸的是，纯 css 解决方案是不可能的。你可以写一个 jquery 插件，可能是这样的 ->有一个用于文本字段的 jQuery 自动增长插件吗？。