दिलचस्प पोस्ट
पायथन: उपप्रकाशन के साथ आउटपुट कैसे पुनर्निर्देशित करें? कैसे हैशोड () और पहचान HashCode () पीछे के अंत में काम करते हैं? जावास्क्रिप्ट में "अपरिभाषित x 1" क्या है? किसी स्ट्रिंग के लिए एक ArrayList कन्वर्ट करने का सर्वोत्तम तरीका AJAX द्वारा पुनर्प्राप्त किए गए सामग्री के साथ HTML पृष्ठ बदलें आप बाल प्रक्रिया के लिए विशेषाधिकारों को कैसे हटा सकते हैं? स्ट्रिंग से एचटीएमएल टैग निकालें MYSQL में सामान्यकरण Bash स्क्रिप्ट, stdin पाइप से मूल्य पढ़ें एचएसवी को आरजीबी रंग बदलने के लिए कैसे? लॉग-आउट से एक एंड्रॉइड डिवाइस पर एसडी-कार्ड पर मेरे लॉग आउटपुट को कैसे पुनर्निर्देशित किया जाए? मुझे जावास्क्रिप्ट के साथ पृष्ठभूमि में एक नई विंडो खोलने की जरूरत है, और सुनिश्चित करें कि मूल अभी भी केंद्रित है स्ट्रिंग मानों के सामने 'यू' का अर्थ क्या होता है? बाइनरी और पाठ मोड में लिखे गए फ़ाइलों के बीच का अंतर कैसे एईएस एन्क्रिप्टेड स्ट्रिंग से PKCS7 पैडिंग को जोड़ने / निकालने के लिए?

एचटीएमएल फॉर्म इनपुट फ़ील्ड के लिए अक्षम = "अक्षम" और पढ़ने के लिए = "केवल पढ़ने के लिए" में क्या अंतर है?

मैंने इस पर थोड़ा सा पढ़ लिया है, लेकिन मुझे इस बात के बारे में कुछ ठोस नहीं लगता है कि विभिन्न ब्राउज़रों के साथ कैसे व्यवहार होता है। मैं एक ऐसे एप का निर्माण कर रहा हूं जिसे धारा 508-कॉम्प्लेयर (स्क्रीन-रीडर सुलभ) होना चाहिए और आईई 6 पर वापस काम करना चाहिए।

वेब के समाधान से एकत्रित समाधान "एचटीएमएल फॉर्म इनपुट फ़ील्ड के लिए अक्षम = "अक्षम" और पढ़ने के लिए = "केवल पढ़ने के लिए" में क्या अंतर है?"

एक readonly तत्व सिर्फ संपादन योग्य नहीं है, लेकिन जब यह form सबमिट हो जाता है तो उसे भेजा जाता है। एक disabled तत्व संपादन योग्य नहीं है और उसे सबमिट नहीं किया जाता है। एक और अंतर यह है कि readonly तत्वों को ध्यान केंद्रित किया जा सकता है (और जब एक फॉर्म के माध्यम से "टैबबींग" हो तो केंद्रित हो), जबकि disabled तत्व नहीं कर सकते।

इस महान लेख या w3c की परिभाषा में इसके बारे में अधिक पढ़ें महत्वपूर्ण हिस्सा उद्धृत करने के लिए:

मुख्य अंतर

अक्षम विशेषता

  • अक्षम फार्म तत्वों के लिए मान प्रोसेसर विधि को नहीं दिए जाते हैं। डब्ल्यू 3 सी यह एक सफल तत्व कहता है। (यह चेक बॉक्सेस के रूप में काम करता है जो चेक नहीं होते हैं।)
  • कुछ ब्राउज़र अक्षम फ़ॉर्म तत्वों के लिए डिफ़ॉल्ट स्टाइल को ओवरराइड या प्रदान कर सकते हैं। (ग्रे आउट या एम्बॉस टेक्स्ट) इंटरनेट एक्सप्लोरर 5.5 इस बारे में विशेष रूप से गंदा है।
  • अक्षम फ़ॉर्म तत्वों को फ़ोकस प्राप्त नहीं होता है
  • निष्क्रिय फॉर्म तत्व टैब्बिंग नेविगेशन में छोड़े गए हैं।

केवल पढ़ने योग्य विशेषता

  • सभी फॉर्म तत्वों में केवल पढ़ने योग्य विशेषता नहीं होती है सबसे उल्लेखनीय, <SELECT> , <OPTION> , और <BUTTON> तत्वों को केवल पढ़ने वाले विशेषताओं नहीं हैं (हालांकि आपके दोनों ने गुणों को अक्षम कर दिया है)
  • ब्राउज़र कोई भी डिफ़ॉल्ट ओवरराइड दृश्य फ़ीडबैक प्रदान नहीं करता है, जिसे फ़ॉर्म तत्व केवल पढ़ा जाता है। (यह एक समस्या हो सकती है … नीचे देखें।)
  • पठन-योग्य विशेषता सेट वाले तत्वों को फ़ॉर्म प्रोसेसर के पास भेज दिया जाएगा।
  • केवल फ़ॉर्म तत्वों को ध्यान केंद्रित फोकस प्राप्त कर सकते हैं
  • केवल प्रपत्र तत्व टैब्ड नेविगेशन में शामिल किए गए हैं।

तत्व को अक्षम विशेषता होने पर कोई ईवेंट ट्रिगर नहीं हो सकता

नीचे से कोई भी ट्रिगर नहीं होगा।

 $("[disabled]").click( function(){ console.log("clicked") });//No Impact $("[disabled]").hover( function(){ console.log("hovered") });//No Impact $("[disabled]").dblclick( function(){ console.log("double clicked") });//No Impact 

हालांकि केवल पढ़ने के लिए ट्रिगर किया जाएगा

 $("[readonly]").click( function(){ console.log("clicked") });//log - clicked $("[readonly]").hover( function(){ console.log("hovered") });//log - hovered $("[readonly]").dblclick( function(){ console.log("double clicked") });//log - double clicked 

विकलांग का मतलब है कि फॉर्म सबमिट होने पर उस फॉर्म तत्व का कोई डेटा सबमिट नहीं किया जाएगा। केवल पढ़ने का अर्थ है तत्व के भीतर से कोई भी डेटा सबमिट किया जाएगा, लेकिन यह उपयोगकर्ता द्वारा बदला नहीं जा सकता है।

उदाहरण के लिए:

 <input type="text" name="yourname" value="Bob" readonly="readonly" /> 

यह "अपना नाम" तत्व के लिए मान "बॉब" सबमिट करेगा

 <input type="text" name="yourname" value="Bob" disabled="disabled" /> 

यह "yourname" तत्व के लिए कुछ भी नहीं प्रस्तुत करेगा

अक्षम विशेषता वाले तत्व सबमिट नहीं करेंगे या कह सकते हैं कि उनके मूल्य अनुरोध के साथ पोस्ट नहीं करेंगे।

अर्थात

 <input type="textbox" name="field" value="field" disabled="disabled" /> 

अंतर

  • अक्षम नियंत्रण फोकस प्राप्त नहीं करते हैं
  • टैबबिंग नेविगेशन में अक्षम नियंत्रण छोड़े गए हैं।
  • अक्षम नियंत्रण सफलतापूर्वक पोस्ट नहीं की जा सकती

यदि आप अपने फ़ील्ड के डेटा को पोस्ट करना चाहते हैं तो केवल पढ़ने योग्य विशेषता का उपयोग करें

अर्थात

 <input type="textbox" name="field" value="field" readonly="readonly" /> 
  • केवल-पढ़ने वाले तत्वों को ध्यान मिलता है लेकिन उपयोगकर्ता द्वारा संशोधित नहीं किया जा सकता है।
  • केवल-पढ़ने के तत्वों को टैब्बिंग नेविगेशन में शामिल किया गया है।
  • केवल-पढ़ने के तत्व सफलतापूर्वक पोस्ट किए गए हैं

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

http://www.w3schools.com/tags/att_input_disabled.asp

http://www.w3schools.com/tags/att_input_readonly.asp

एक पठन-योग्य फ़ील्ड को संशोधित नहीं किया जा सकता। हालांकि, उपयोगकर्ता इसके लिए टैब कर सकते हैं, इसे उजागर कर सकते हैं, और इसके पाठ को कॉपी कर सकते हैं।