Javascript 如何使输入字段在Bootstrap4/jquerywebapp中动态地更改为文本区域？

如何使输入字段根据特定条件（如其中的文本量）在浏览器中动态地更改为文本区域，而无需任何额外的服务器端逻辑

我还没有尝试过任何东西，因为我不想重新发明轮子。我找了这么多，什么也没找到。我要找的东西是：

$('#myinputfield').automatically_morph_input_type_based_on_contents();

---

我怀疑你会发现任何已经预制好的东西

你应该考虑的一个简单的问题是，你是否真的需要一个输入或一个文本。如果你仍然认为你需要在两者之间切换，那么你只需要动态地创建两者

---

首先删除旧元素，创建新元素，使用旧元素中的值、id、名称和其他属性。对下一个更改应用相同的过程。

它会对服务器端产生怎样的影响？我正在寻找一个没有任何服务器端逻辑的客户端解决方案。在