Comment faire un <input> tag multi line?

Question

Je voudrais savoir si est possible de faire un <input> tag avec l'apparence comme multi-ligne (similaire au <TEXTAREA></TEXTAREA>) en utilisant CSS ou une autre option, malheureusement, je peux remplacer le tag avec dans mon application web.

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

Merci beaucoup

Answer 1

<input type="text" /> toujours seulement une ligne; Vous ne pouvez pas forcer un comportement de ligne multiple avec CSS ou JavaScript. Vous devrez utiliser un <textarea> au lieu d'un <input>.

Vous pouvez utiliser jQuery et sa méthode .replaceWith() pour remplacer le <input> ciblé par un <textarea>. Cependant, cela a des mises en garde évidentes, comme ceux qui visitent votre page sans JavaScript sur.

Exemple:

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

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

Answer 2

Non sans Javascript assez costaud, Textarea est la seule entrée de texte sur plusieurs lignes que je connaisse.

Modifier

Quelque chose comme cela pourrait fonctionner avec jQuery:

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