इनपुट प्रकार = टेक्स्ट को अक्षम कैसे करें?

Question

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

Answer 1

यदि पृष्ठ को प्रस्तुत किया जाता है, तो आपको यह पता है, जो आपके जैसा लगता है क्योंकि डेटाबेस का मान है, जावास्क्रिप्ट के बजाए इसे प्रस्तुत करने के दौरान इसे अक्षम करना बेहतर होता है। ऐसा करने के लिए, बस readonly विशेषता (disabled या, यदि आप फ़ॉर्म सबमिशन से निकालने के लिए और साथ ही चाहते हैं) जोड़ने के लिए, <input> को इस तरह: डेटा डेटाबेस से से भर जाता है

<input type="text" disabled="disabled" /> 
//or... 
<input type="text" readonly="readonly" /> 

Answer 2

अपने इनपुट बॉक्स के लिए एक संदर्भ जाओ (जैसे document.getElementById('mytextbox')) और सेट अपने readonly संपत्ति true रहे हैं:

:

myInputBox.readonly = true; 

वैकल्पिक रूप से आप बस इस संपत्ति इनलाइन (कोई JavaScript आवश्यक) जोड़ सकते हैं

<input type="text" value="from db" readonly="readonly" /> 

Answer 3

हैं, तो आप पर प्रदर्शित करने के लिए <input> टैग का उपयोग कर विचार कर सकते हैं। आप जावास्क्रिप्ट के साथ इसे बाद में निष्क्रिय करने के लिए की जरूरत है

<input type='text' value='${magic.database.value}' disabled> 

, आप "अक्षम" विशेषता सेट कर सकते हैं: फिर भी, आप सही टैग में अक्षम कर सकते हैं

document.getElementById('theInput').disabled = true; 

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

Answer 4

document.getElementById('foo').disabled = true; 

संपादित

या

document.getElementById('foo').readOnly = true; 

ध्यान दें कि readOnly फ़ायरफ़ॉक्स (जादू) में सही ढंग से काम करने के लिए CamelCase में होना चाहिए।

Answer 5

आप jQuery द्वारा भी कर सकते हैं:

$('#foo').disabled = true;