¿Cómo hacer una etiqueta <input> multi línea?

Question

Me gustaría saber si es posible hacer una etiqueta <input> con una apariencia multilínea (similar al <TEXTAREA></TEXTAREA>) usando CSS u otra opción, lamentablemente puedo reemplazar la etiqueta en mi aplicación web.

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

Muchas Gracias

Answer 1

<input type="text" /> siempre ser sólo una línea; No puede forzar un comportamiento de línea múltiple con CSS o JavaScript. Tendrá que usar un <textarea> en lugar de un <input>.

Puede usar jQuery y es el método .replaceWith() para reemplazar el <input> objetivo con un <textarea>. sin embargo, esto tiene advertencias obvias, como aquellos que visitan su página sin JavaScript.

Ejemplo:

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

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

Answer 2

No sin algún bastante fuerte Javascript, Área de texto es la única entrada de texto de varias líneas, que yo sepa.

Editar

Algo como esto podría funcionar con jQuery:

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