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

Question

क्या मैं सीएसएस में कुछ के साथ अधिकतम गति को बदल सकता हूं?

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

Answer 1

नहीं, यह HTML में किया जाना चाहिए। यदि आप की जरूरत है, तो आप जावास्क्रिप्ट के साथ मूल्य निर्धारित कर सकते हैं।

Answer 2

नहीं।

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

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

इसीलिए।

Comments

इसके अलावा, सीएसएस किसी भी टैग के लिए वैश्विक रूप से लागू किया जा सकता है, इसलिए यह एक div या img आदि पर लागू अधिकतम संपत्ति होने का कोई मतलब नहीं होगा

— Dan Diplo

लेकिन क्या होगा यदि आप इनपुट प्रकारों के एक सामान्य सेट (जैसे पहला नाम, शहर, राज्य) के लिए एक अधिकतम गति को लागू करना चाहते थे और आपके पास वेब साइट के माध्यम से विभिन्न स्थानों में उन इनपुटों के कई उदाहरण हो सकते हैं। यह एक वर्ग को परिभाषित करने में सक्षम होने के लिए बहुत अच्छा होगा (जैसे 'FirstName') और वे उस वर्ग को सभी प्रथम नाम

— इनपुट्स

@ कैचअप HTML की एक सीमा है, और सीएसएस का उपयोग इस के आसपास काम करने के लिए एक बदसूरत हैक होगा। यही कारण है कि अधिकांश वेब फ्रेमवर्क कस्टम घटकों के साथ एक टेम्पलेट सिस्टम प्रदान करते हैं।

— गेब्रियल

Answer 3

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

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

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

Answer 4

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

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

Answer 5

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

Answer 6

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

Answer 7

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

हालांकि, यह रचनात्मक समाधान वह हासिल कर सकता है जिसकी आपको तलाश है।

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

स्निपेट को कार्रवाई में देखने के लिए इसे चलाएं, अच्छी तरह से काम करता है।

jquery, सीएसएस, html:

$(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" />

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

Comments

यह कोड कई फ़ील्ड प्रकारों के लिए कॉपी और पेस्ट करना बहुत आसान है। मैं "maxLengths.js" नामक एक अलग jQuery फ़ाइल रखता हूं और इसे मेरी साइट मास्टर में शामिल करता हूं। इसे आज़माएं, यह बहुत सुविधाजनक है!

— टेलर ब्राउन

सिर्फ इसलिए कि आप HTML वर्ग का उपयोग करते हैं यह CSS नहीं है।

— नौसिखिया

@ nyuszika7h मेरे उत्तर पर आपके बहुत सराहनीय इनपुट के लिए धन्यवाद। जब मैं तत्व में कोई शैली लागू नहीं कर रहा हूं, तो मैं तर्क दूंगा, मैं अभी भी अपने समाधान में एक कैस्केडिंग शैली शीट का उपयोग कर रहा हूं, इसलिए सीएसएस का उपयोग किया जा रहा है। इसके अलावा मैंने आपके अवलोकन को प्रतिबिंबित करने के लिए अपना उत्तर अपडेट किया है।

— टेलर ब्राउन

Answer 8

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