2011-09-07 8 views
5

मैं जानना चाहता हूं कि <input> टैग को बहु-रेखा (<TEXTAREA></TEXTAREA> के समान) के साथ सीएसएस या किसी अन्य विकल्प का उपयोग करके संभव है, दुर्भाग्यवश मैं अपने वेब एप्लिकेशन में टैग को प्रतिस्थापित कर सकता हूं।<input> टैग बहु लाइन कैसे बनाएं?

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

कई धन्यवाद

+0

नहीं, जब तक आप इसे एक 'textarea' में बदल जाते हैं किसी भी तरह। आप * jQuery के साथ तुलनात्मक रूप से आसानी से कर सकते हैं, हालांकि। –

+0

आप बड़े होने के लिए एक टेक्स्टबॉक्स शैली बना सकते हैं, लेकिन मुझे पूरा यकीन है कि यह अभी भी एक पंक्ति होगी। –

+0

हाँ जेरेमी अभी भी एक पंक्ति है। – GibboK

उत्तर

8

<input type="text" /> हमेशा सिर्फ एक ही लाइन हो जाएगा; आप सीएसएस या जावास्क्रिप्ट के साथ एक बहु लाइन व्यवहार को मजबूर नहीं कर सकते हैं। आपको <input> के बजाय <textarea> का उपयोग करने की आवश्यकता होगी।

आप <textarea> के साथ लक्षित <input> को प्रतिस्थापित करने के लिए jQuery और इसकी .replaceWith() विधि का उपयोग कर सकते हैं। हालांकि इसमें स्पष्ट चेतावनी है, जैसे कि जावास्क्रिप्ट के बिना आपके पृष्ठ पर जाते हैं।

उदाहरण:

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

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

नहीं कुछ बहुत मोटी जावास्क्रिप्ट के बिना, textarea केवल बहु लाइन पाठ इनपुट है कि मैं के बारे में पता है।

संपादित

कुछ इस तरह jQuery के साथ काम कर सकते हैं:

var textArea = jQuery('<textarea />').attr({'id': 'uxMessage', 'name': 'uxMessage'}); 
jQuery('#uxMessage').replaceWith(textArea); 
संबंधित मुद्दे