मैं स्क्रॉल करने योग्य टेक्स्टबॉक्स कैसे बना सकता हूं?

Question

वर्तमान में, साइट में निम्न सीएसएस क्लास है जिसका उपयोग किसी फ़ॉर्म में नोट (लंबी ग्रंथ) प्रविष्टियों के लिए किया जाना है।

.scrollabletextbox { 
    height:100px; 
    width:200px; 
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 82%; 
    overflow:scroll; 
} 

बॉक्स और अन्य स्टाइल का आकार सही ढंग से पंजीकृत होता है, लेकिन पाठ लंबवत केंद्रित होता है और कभी भी लाइन ब्रेक नहीं होता है। पाठ को पूरी तरह से देखने का एकमात्र तरीका कर्सर को बाएं/दाएं स्थानांतरित करना है।

प्रपत्र बड़े पाठ बॉक्स

<input type="text" class="scrollabletextbox" name="note" value="<?php echo $note; ?>"> 

किसी भी मदद के लिए अग्रिम धन्यवाद लागू करने के लिए निम्नलिखित एचटीएमएल (एक छोटे से php के साथ) का उपयोग करता है।

Answer 1

textarea टैग के साथ input type="text" की जगह की कोशिश करो।

करने के लिए अपने कोड में परिवर्तित करें:

<textarea class="scrollabletextbox" name="note"> 
    <?php echo $note; ?> 
</textarea> 

यह सिर्फ एक सामान्य input टैग के रूप में डेटा भेजता है, तो आप इसे एक ही तरीके से डेटा प्राप्त कर सकते हैं।

Read more info about textarea tag

Answer 2

मैं input से textarea पर नियंत्रण स्विच करूँगा, जो डिफ़ॉल्ट रूप से आपके द्वारा अनुरोधित कार्यक्षमता को निष्पादित करेगा।

<textarea class="scrollabletextbox" name="note"><?php echo $note; ?></textarea> 

JSFIDDLE:http://jsfiddle.net/rJy94/