Jak utworzyć wielolinię tagu <input>?

Question

Chciałbym wiedzieć, czy możliwe jest utworzenie znacznika z wyglądem podobnym do wieloliniowego (podobnego do <TEXTAREA></TEXTAREA>) przy użyciu CSS lub innej opcji, niestety mogę zamienić ten tag na moją aplikację internetową.

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

Wiele Dzięki

Answer 1

<input type="text" /> zawsze będzie tylko jedna linia; Nie można wymusić zachowania wielu linii za pomocą CSS lub JavaScript. Będziesz musiał użyć <textarea> zamiast <input>.

Można użyć metody jQuery i metody .replaceWith() w celu zastąpienia docelowego <input> za pomocą <textarea>. ma to jednak oczywiste zastrzeżenia, takie jak te, które odwiedzają Twoją stronę bez włączonego JavaScript.

Przykład:

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

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

Answer 2

Nie bez pewnego dość mocny Javascript Textarea jest tylko do wprowadzania tekstu multi-line, które znam.

Edit

Coś takiego może pracować z jQuery:

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