अक्षम इनपुट फ़ील्ड का मान सबमिट करना

101

मैं एक इनपुट फ़ील्ड को अक्षम करना चाहता हूं, लेकिन जब मैं फॉर्म सबमिट करता हूं तो यह अभी भी मूल्य पास होना चाहिए।

मामले का उपयोग करें: मैं Google मानचित्र से अक्षांश और देशांतर प्राप्त करने की कोशिश कर रहा हूं और इसे प्रदर्शित करना चाहता हूं, लेकिन मैं नहीं चाहता कि उपयोगकर्ता इसे संपादित करें।

क्या यह संभव है?

javascript html

— हर्ष एम.वी.
स्रोत

1

डिस्एबल्ड फॉर्म इनपुट के

— एलिरेज़ा फलाह

238

मैं एक फॉर्म पर एक इनपुट फील्ड को डिसेबल करना चाहता हूं और जब मैं फॉर्म सबमिट करता हूं तो डिसएबल फॉर्म से वैल्यू सबमिट नहीं की जाती है ।

केस का उपयोग करें: मैं Google मानचित्र से लाट लैंग पाने की कोशिश कर रहा हूं और इसे प्रदर्शित करना चाहता हूं .. लेकिन उपयोगकर्ता को इसे संपादित करने के लिए नहीं चाहिए ।

आप readonlyअपने इनपुट क्षेत्र में संपत्ति का उपयोग कर सकते हैं

<input type="text" readonly="readonly" />

— सरफराज
स्रोत

2

ध्यान दें कि इनपुट अभी भी फोकस प्राप्त करने में सक्षम होगा। देखें: stackoverflow.com/questions/5443952/…

— राफेल ओलिवेरा

5

8 साल बाद शानदार जवाब। बस यह जोड़ना चाहता था कि पाठ को अन-एडिट करने योग्य बनाने के लिए मैं css जोड़ता हूं:input:read-only { color:grey; }

— अल्ट्रासाउंडजेली

21

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

<input type="text" value="22.2222" disabled="disabled" />
<input type="hidden" name="lat" value="22.2222" />

इस तरह से मूल्य पारित हो जाता है, लेकिन उपयोगकर्ता ग्रे आउट फील्ड देखता है। आसानी से मौजूद विशेषता इसे ग्रे नहीं करती है।

— अबू सुलेमान
स्रोत

1

आप उन्हें निष्क्रिय करने के लिए अक्षम टेक्स्ट बॉक्स पर CSS जोड़ सकते हैं।

— क्रिलगर

है valueविकलांग इनपुट में आवश्यक?

— .मर एनपी

10

आप Readonly विशेषता का भी उपयोग कर सकते हैं: इनपुट धूसर होने वाला नहीं है, लेकिन यह संपादन योग्य नहीं होगा

<input type="text" name="lat" value="22.2222" readonly="readonly" />

— pjnovas
स्रोत

2

इनपुट तत्वों में एक संपत्ति होती है जिसे कहा जाता है disabled। जब फॉर्म सबमिट हो जाता है, तो बस कुछ कोड इस तरह से चलाएं:

var myInput = document.getElementById('myInput');
myInput.disabled = true;

— nickf
स्रोत

5

मूल प्रश्न को संबोधित करते हुए, फॉर्म सबमिट करने के दौरान मूल्य को पारित करने के लिए "अक्षम" संपत्ति को "सही" के बजाय "गलत" होना चाहिए।

— डैनियल Vukasovich