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

Question

我想知道是否可以使用CSS或其他选项制作具有<input>多行(类似于<TEXTAREA></TEXTAREA>)外观的标记,遗憾的是我可以在我的Web应用程序中替换标记.

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

非常感谢

Answer 1

<input type="text" />永远只会是一条线; 您无法使用CSS或JavaScript强制执行多行行为.你需要使用a <textarea>而不是a <input>.

你可以使用jQuery和它的.replaceWith()方法来代替针对性<input>用<textarea>.然而,这有明显的警告,例如那些没有使用JavaScript访问您的页面的人.

例:

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

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