自动缩放input [type = text]到值的宽度？

Question

有没有办法将an <input type="text">的宽度缩放为实际值的宽度？input {  display: block;  margin: 20px;  width: auto;}<input type="text" value="I've had enough of these damn snakes, on this damn plane!" /><input type="text" value="me too" />

Answer 1

如果由于某种原因其他解决方案对您不起作用，则可以使用contenteditable-span代替input元素。

<span contenteditable="true">dummy text</span>

请注意，这更像是骇客，并且具有严重的缺点，即允许完全未经过滤的HTML输入，例如让用户输入（和粘贴）换行符，链接和其他HTML。

因此，除非非常仔细地清理输入，否则您不应该使用此解决方案 ...

更新：您可能想使用下面的 DreamTeK 解决方案。