HTML 输入元素的灵活宽度

【问题标题】：flexible width for HTML input elementHTML 输入元素的灵活宽度
【发布时间】：2016-02-08 23:03:42
【问题描述】：

如何使 HTML 输入元素的宽度灵活并与它包含的字符串值的宽度完全匹配？

【问题讨论】：

浮动它或更改它的display 属性。
这应该对你有帮助：stackoverflow.com/questions/7120066/fluid-input-elements
我认为其他任何一个 cmets 都不能提供您正在寻找的东西（输入宽度以匹配其值），但它看起来已经在这里得到了回答：stackoverflow.com/questions/3392493/… [它是什么值得，Lyth 对这个问题的回答对我来说感觉最好]

标签： html css

【解决方案1】：

恐怕仅使用 CSS 是不可能的。但是你可能会在网上找到很多 JS 解决方案。一个简单但不那么优雅的解决方案是使用span 并使用contenteditable 属性并将其设置为看起来像输入：

 <span contentEditable="true">Placeholder</span>

当然，它不会作为输入，所以你也必须为此做一个解决方法。

【讨论】：