html - 如何使 <input> 标签多行？

Question

我想知道是否可以制作 <input>使用 CSS 或其他选项的外观类似于多行(类似于 <TEXTAREA></TEXTAREA >)的标签，不幸的是，我可以在我的 Web 应用程序中替换标签。

   <input id="uxMessage" validation="required" name="uxMessage" type="text" />

非常感谢

Answer 1

<input type="text" />永远只有一行；您不能使用 CSS 或 JavaScript 强制多行行为。您将需要使用 <textarea>而不是 <input> .

您可以使用 jQuery，它是 .replaceWith() 替换目标 <input> 的方法用<textarea> .然而，这有明显的警告，例如那些在没有启用 JavaScript 的情况下访问您的页面的人。

例子:

<input id="uxMessage" validation="required" name="uxMessage" type="text" />

$("#uxMessage").replaceWith('<textarea id="uxMessage" name="uxMessage"></textarea>');