自动缩放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 解决方案。