2010-07-15 16 views
29

विस्तारित करने के बजाय पाठ को लपेटें, मेरे पास एक इनपुट फ़ील्ड है, कोई उपयोगकर्ता अंदर टेक्स्ट लिखता है लेकिन जब टेक्स्ट लंबा होता है तो यह लंबवत रूप से नीचे गिरने के बजाय क्षैतिज रूप से फैलाता है।इनपुट फ़ील्ड, क्षैतिज

मैंने कोशिश की: अतिप्रवाह: छुपा; शब्द-लपेटें: ब्रेक-शब्द;

और मुझे कोई भाग्य नहीं था। इसे पूरा करने के तरीके पर कोई अन्य सुझाव?

+0

यहां वर्णित jQuery का उपयोग करें: http://stackoverflow.com/questions/8809568/html-javascript-vertically-expand-textbox-when-text-is-too-long – kurifu

उत्तर

21

मुझे लगता है कि आप TextArea के रूप में एक बहु इनपुट क्षेत्र का उपयोग करना चाहिए:

http://htmlhelp.com/reference/html40/forms/textarea.html

नमूना कोड:

<textarea rows="10" cols="30"></textarea> 
+6

मैं टेक्स्टटेरा का उपयोग करने के लिए looooove लेकिन मैं इनपुट क्षेत्र का उपयोग करने के लिए मजबूर किया जा रहा है। – Xtian

+0

ठीक है मुझे लगता है कि एक इनपुट क्षेत्र का उपयोग करके आप यह व्यवहार नहीं प्राप्त कर सकते हैं। कम से कम मैंने पहले कभी नहीं देखा है। यही कारण है कि TextArea के लिए मौजूद है। –

+3

किस तरह से "मजबूर"? –

4

Xtian - आप जहां उपयोग करने की आवश्यकता पर कोई प्रतिबंध नहीं होना चाहिए एक <input> या <textarea>। बस टेक्स्ट क्षेत्र को वही नाम दें जो आपने इनपुट के लिए उपयोग किया होगा और आप ठीक होंगे।

उदाहरण के लिए, मैं सिर्फ

<input type="text" name="reply" /> 

प्रतिस्थापित साथ

<textarea rows="1" cols="26" name="reply"></textarea> 

अब बहुत बेहतर।

संबंधित मुद्दे