如何使<input />标签成为多行？

Question

我想知道是否可以使用CSS或其他选项制作带有多行外观（类似于<input>＆gt;）的<TEXTAREA></TEXTAREA代码，遗憾的是我可以替换代码在我的网络应用程序中。

   <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>');

Answer 2

不是没有一些非常重要的Javascript，Textarea是我所知道的唯一的多行文本输入。

修改

这样的东西可能适用于jQuery：

var textArea = jQuery('<textarea />').attr({'id': 'uxMessage', 'name': 'uxMessage'});
jQuery('#uxMessage').replaceWith(textArea);