क्या टेक्स्टरेरा के मल्टीलाइन विकल्प को अक्षम करना संभव है?

Question

बेशक, मैं मानक HTML टेक्स्ट बॉक्स का उपयोग कर सकता हूं, लेकिन मुझे किसी कारण से टेक्स्ट क्षेत्र की आवश्यकता है।

तो, क्या टेक्स्टरेरा के मल्टीलाइन विकल्प को अक्षम करना संभव है?

Answer 1

केवल 1 लाइन प्रदर्शित करने के लिए पंक्तियों = 1 का उपयोग करें। आप इस link

Answer 2

से आगे और अधिक जानकारी प्राप्त कर सकते हैं आप 1.

यह बहु

Answer 3

आप का उपयोग कर अपने पाठ क्षेत्र के आकार सेट कर सकते हैं निष्क्रिय करने के लिए संभव नहीं है करने के लिए rows विशेषता सेट कर सकते हैं cols और rows गुण और इसे सीएसएस में गैर-आकार देने योग्य बनाते हैं लेकिन आप उपयोगकर्ता को एक से अधिक पंक्ति जोड़ने से नहीं रोक सकते हैं। यहां तक ​​कि यदि क्षेत्र बहुत छोटा है, तो एक स्क्रॉलबार दिखाई देगा और उन्हें जितनी चाहें उतनी पंक्तियां लिखने देंगी।

यदि आपको वास्तव में केवल एक पंक्ति प्राप्त करने की आवश्यकता है, तो मैं सुझाव देता हूं कि rows विशेषता 1 पर सेट करें और जांच करें कि इनपुट में जावास्क्रिप्ट के साथ एक पंक्ति है या नहीं।

एचटीएमएल में:

<textarea name="a" cols="5" rows="1" ></textarea> 

सीएसएस में:

textarea{ 
    resize: none; 
    #You can use resize: horizontal if you just want to disable vertical resize 
} 

फिर भी, मैं का उपयोग कर एक <input type="text" ... /> आप इसे से बचने के लिए क्यों करना चाहते हैं सुझाव देंगे?

Answer 4

निम्न jQuery स्निपेट एक सिंगल लाइन में प्रदर्शित होने के लिए textarea को मजबूर करता है।

$(document).ready(function(){ 
    $('textarea').each(function(){$(this).attr('rows', 1);}); 
    }); 

Answer 5

आप <textarea> पर सेटिंग्स rows="1" द्वारा एक पंक्ति पर सभी पाठ रख सकते हैं, जैसे अन्य जवाब का सुझाव दिया है, और फिर पाठ क्षेत्र निम्न CSS लागू करने:

resize: none; 
white-space: nowrap; 
overflow-x: scroll; 

यह सीएसएस एक पंक्ति को लपेटने से रोक देगा, जबकि दृश्यमान क्षेत्र को ओवरफ्लो करने वाले किसी भी पाठ को नेविगेट करने के लिए स्क्रॉल बार प्रदान करके पूरी लाइन को दिखाई दे रहा है।