input 文本框文字过长如何完美显示？

用户在使用 input 文本框输入较长文字时，可能会遇到内容超出框体范围的情况，导致难以完整阅读。

问题描述：

例如输入 "M523060002”，超出框体部分无法完全显示。用户希望实现类似于 Excel 中的自动换行效果，从而完整显示全部内容。

开发者尝试：

开发者考虑使用 textarea 元素，但由于项目限制，只能使用 input:text。

解决方案：

遗憾的是，无法通过 input:text 实现上述效果。该元素只能左右滚动，无法自动换行。

关于不可行性的原因：

使用 input:text 实现一个已经现成存在的 textarea 功能是不合理的。因此，开发者应该与产品经理沟通，寻找合理的解决方案。非要执意使用 input 元素来实现 textarea 的功能是不明智的。