क्या मैं सीएसएस में अधिकतम लम्बाई निर्दिष्ट कर सकता हूं?

Question

क्या मैं सीएसएस में कुछ के साथ अधिकतम लम्बाई विशेषता को प्रतिस्थापित कर सकता हूं?

<input type='text' id="phone_extension" maxlength="4" /> 

Answer 1

नहीं। यह HTML में किया जाना आवश्यक है। यदि आपको यद्यपि आवश्यकता हो तो आप जावास्क्रिप्ट के साथ मान सेट कर सकते हैं।

Answer 2

सीएसएस के साथ नहीं, नहीं।

Answer 3

सं।

अधिकतम लम्बाई व्यवहार के लिए है।

सीएसएस स्टाइल के लिए है।

यही कारण है कि।

Answer 4

मुझे नहीं लगता कि आप कर सकते हैं, और सीएसएस को यह वर्णन करना चाहिए कि पेज कैसा दिखता है कि यह क्या करता है, इसलिए यदि आप कर सकते हैं, तो वास्तव में यह नहीं है कि आपको इसका उपयोग कैसे करना चाहिए।

शायद आपको अपने फॉर्म घटकों के लिए सामान्य कार्यक्षमता लागू करने के लिए JQuery का उपयोग करने के बारे में सोचना चाहिए?

Answer 5

सीएसएस के साथ नहीं, लेकिन आप जावास्क्रिप्ट के साथ वांछित व्यवहार का अनुकरण और विस्तार/अनुकूलित कर सकते हैं।

Answer 6

आप jQuery की तरह उपयोग कर सकते हैं:

$("input").attr("maxlength", 4) 

यहाँ एक डेमो है: http://jsfiddle.net/TmsXG/13/

Answer 7

उपयोग $("input").attr("maxlength", 4) अगर आप jQuery संस्करण < 1.6 और $("input").prop("maxLength", 4) उपयोग कर रहे हैं आप jQuery संस्करण 1.6 उपयोग कर रहे हैं +।

Answer 8

जैसा कि अन्य ने उत्तर दिया है, सीधे सीएसएस वर्ग में अधिकतम लम्बाई जोड़ने का कोई मौजूदा तरीका नहीं है।

हालांकि, यह रचनात्मक समाधान आप जो खोज रहे हैं उसे प्राप्त कर सकते हैं।

मैं एक फ़ाइल का नाम maxLengths.js जो मैं (एएसपी के लिए site.master) साइट में संदर्भ

टुकड़ा कार्रवाई में यह देखने के लिए चलाने में jQuery है, अच्छी तरह से काम करता है।

jQuery, सीएसएस, एचटीएमएल:

$(function() { 
 
    $(".maxLenAddress1").keypress(function (event) { 
 

 
     if ($(this).val().length == 5) { /* obv 5 is too small for an address field, just want to use as an example though */ 
 
      return false; 
 
     } else { 
 
      return true; 
 
     } 
 

 
    }); 
 
});

.maxLenAddress1{} /* this is here mostly for intellisense usage, but can be altered if you like */

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<input type="text" class="maxLenAddress1" />

इस उपयोग करने का लाभ: अगर यह इस प्रकार की के लिए अधिकतम वर्ण का फैसला किया है की जरूरत है बाहर या भर में धकेल दिया करने के लिए अपने पूरा आवेदन आप इसे एक स्थान पर बदल सकते हैं। ग्राहक कोड, पूर्ण नाम फ़ील्ड, ईमेल फ़ील्ड्स, आपके एप्लिकेशन में सामान्य किसी भी फ़ील्ड जैसी चीज़ों के लिए फ़ील्ड लम्बाई के लिए आसान है।