2012-11-20 7 views
6

संभव डुप्लिकेट:
Can I specify maxlength in css?CSS3 का उपयोग कर इनपुट टेक्स्ट लंबाई को सीमित कैसे करें?

मेरी सीएसएस में मैं अपनी साइट में सभी इनपुट टैग के लिए दौर सीमाओं बनाने के लिए इस कोड का उपयोग। मुझे आश्चर्य है कि अगर यह एक ही तरीके से इनपुट के लंबाई (उदाहरण के लिए 50 अक्षर)

input 
{ 
border-radius: 10px; 
-moz-border-radius: 10px; 
-khtml-border-radius: 10px; 
-webkit-border-radius: 10px; 
} 

मैं की तरह कुछ कल्पना (यह काम नहीं कर रहा) सीमित करना संभव है:

input 
{ 
max-lenght: 50; 
} 

किसी भी sugestions ? आपका बहुत बहुत धन्यवाद!

संपादित करें: यह सवाल कितने वर्ण उपयोगकर्ता क्षेत्र में लिख सकते हैं के बारे में है, नहीं इनपुट

+0

एचटीएमएल के माध्यम से? http://www.w3schools.com/tags/att_input_maxlength.asp – Vucko

+0

ठीक है, मुझे लगता है कि यह ठीक है क्योंकि 'अधिकतम लम्बाई' सीमा अर्थपूर्ण है, न कि प्रतिनिधित्वकारी, यह HTML विशेषता के रूप में निर्दिष्ट है, और सीएसएस नियम के रूप में नहीं। सीएसएस में – raina77ow

+0

आप '=' – zeyorama

उत्तर

13

आप इनपुट वर्णों की संख्या को सीमित करने के लिए सीएसएस का उपयोग नहीं कर सकते हैं। यह एक कार्यात्मक प्रतिबंध होगा, और प्रस्तुति के साथ सीएसएस सौदों।

10

मैं एचटीएमएल इनपुट क्षेत्र में अक्षरों की सीमा को संभालने होगा के दृश्य आकार। जैसे

<input type="text" id="textbox" name="textbox" maxlength="50" /> 
+0

हाँ, लेकिन मेरे पास बहुत सारे हैं और मैं एक "स्वचालित" तरीके के लिए सोच रहा था :) – yenssen

+0

आप इनपुट बॉक्स में दर्ज वर्णों की संख्या को सीमित करने के लिए जावास्क्रिप्ट लिखने की परेशानी पर जा सकते हैं। आपको इनपुट फ़ील्ड की 'कीडाउन' घटना को बांधना होगा, पात्रों पर गिनती करें और 50 से अधिक, चरित्र को इनपुट फ़ील्ड – jfmbrennan

+0

पर लिखे जाने से रोकें ... http: // jsfiddle। नेट/एमकेसीएनएन/ – jfmbrennan

1

अद्यतन:

आप केवल jQuery का उपयोग कर सकते हैं।

$(document).ready(function() { 
    $("input").attr('maxlength', '5');  
}); 

तुम सच में एक स्वचालित विधि आप सीएसएस और जावास्क्रिप्ट के संयोजन का उपयोग कर सकते हैं।

जावास्क्रिप्ट/JQuery

$(document).ready(function() { 
    // Get all the elements with class inputMaxLength and add maxlength attribute to them 
    $(".inputMaxLength").attr('maxlength', '5');  
}); 

सीएसएस

.inputMaxLength 
{ 

} 

एचटीएमएल

<input type="text" id="textbox" class="inputMaxLength" name="textbox" /> 

एक हैक के बिट, लेकिन काम करता है। जहां तक ​​मुझे पता है, वहां कोई सीएसएस केवल समाधान नहीं है।

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