2012-01-19 14 views
111

क्या डेटा सबमिट करने के लिए अक्षम फॉर्म फ़ील्ड सक्षम करने के लिए कोई विशेषता है (एक विशेषता ध्वज या ऐसा कुछ है)?अक्षम फॉर्म फ़ील्ड डेटा सबमिट नहीं कर रहे हैं

या, यदि यह संभव नहीं है, तो क्या फ़ील्ड को सीएसएस या किसी अन्य विशेषता के साथ संपादन से अक्षम करने से रोकने के लिए कोई तरीका है?

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

+3

संभावित डुप्लिकेट http://stackoverflow.com/questions/73 57256/अक्षम-फॉर्म-इनपुट-डू-न-इन-द-द-अनुरोध) –

उत्तर

175

चेकआउट केवल पढ़ने के लिए विशेषता Disabled विशेषता के साथ http://www.w3schools.com/tags/att_input_readonly.asp

+1

ग्रेट - गुणों के माध्यम से थंबनेल करते समय उसको याद किया जाना चाहिए ... पूरी तरह से काम कर रहा है, धन्यवाद :) – bardiir

+1

मृत लिंक? यहां एक [गहराई से उत्तर देने वाला] भी है (http://stackoverflow.com/a/7357314/2930477)। – misterManSam

+5

समस्या केवल तैयार विशेषता है केवल चुनिंदा फॉर्म तत्व में ही पढ़ी नहीं जाती है। मैं अभी भी केवल पढ़ने के साथ ड्रॉपडाउन सूची से एक और विकल्प चुनने में सक्षम हूं, इसलिए इसके उद्देश्य को हरा रहा हूं। – Donato

45

तत्वों प्रस्तुत नहीं कर रहे हैं या आप कह सकते उनके मूल्यों पोस्ट नहीं कर रहे हैं।

अर्थात

<input type="textbox" name="Percentage" value="100" disabled="disabled" /> 

FYI करें,

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

आप अपने मामले में readonly विशेषता का उपयोग कर सकते हैं, ऐसा करके आप अपने क्षेत्र का डेटा पोस्ट कर सकेंगे।

अर्थात

<input type="textbox" name="Percentage" value="100" readonly="readonly" /> 

FYI करें,

  1. केवल पढ़ने के लिए तत्वों फोकस प्राप्त होता है लेकिन उपयोगकर्ता द्वारा संशोधित नहीं किया जा सकता।
  2. केवल-पढ़ने वाले तत्व टैबबिंग नेविगेशन में शामिल हैं।
  3. केवल-पढ़ने वाले तत्व सफलतापूर्वक पोस्ट किए गए हैं।

नोट: READONLY चेक बॉक्स पर काम करते हैं और टैग

Ref from

8

यह पहले से ही उल्लेख किया गया था के रूप में चयन नहीं करता है: READONLY<input type='checkbox'> और <select>...</select> के लिए काम नहीं करता।

आप विकलांग चेक बॉक्स/चयन के साथ एक Form हैं और उन्हें प्रस्तुत करने की जरूरत है, तो आप jQuery का उपयोग कर सकते हैं:

$('form').submit(function(e) { 
    $(':disabled').each(function(e) { 
     $(this).removeAttr('disabled'); 
    }) 
}); 

इस कोड प्रस्तुत पर सभी तत्वों से disabled विशेषता निकाल देता है।संभवतः एक साथ एक ग्रे पृष्ठभूमि के साथ फ़ील्ड पर कोई भी आप चाहते हैं करने के लिए "अक्षम" (:

-1

यदि आप क्षेत्र अक्षम या मूल्य प्रस्तुत करना चाहते हैं करना चाहते हैं, तो आप इस

<input type="hidden" name="Percentage" value="100" /> 
<input type="textbox" name="Percentage" value="100" disabled /> 
0

सीएसएस सूचक-घटनाओं का उपयोग करें कोशिश कर सकते हैं) जो पोस्ट कार्रवाई की अनुमति देता है, जैसे:

<input type="text" class="disable"> 

.disable{ 
pointer-events:none; 
background:grey; 
} 

रेफरी: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

[विकलांग फ़ॉर्म इनपुट अनुरोध में दिखाई नहीं देते] (की
संबंधित मुद्दे