Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML संतुष्ट संपादन योग्य विशेषता


HTML में contenteditable विशेषता का उपयोग यह निर्धारित करने के लिए किया जाता है कि सामग्री संपादन योग्य है या नहीं, बूलियन मानों का उपयोग सही है या गलत। इस विशेषता का उपयोग किसी भी तत्व के साथ किया जा सकता है क्योंकि यह एक वैश्विक विशेषता है।

निम्नलिखित वाक्य रचना है -

<तत्व संतुष्ट करने योग्य ="सत्य|गलत"> 

ऊपर, सही सेट करें यदि आप चाहते हैं कि तत्व संपादन योग्य हो, अन्यथा गलत।

आइए अब HTML में contenteditable एट्रिब्यूट को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

 

डेमो हेडिंग

यह एक डेमो लाइन है।

आउटपुट

यह निम्नलिखित आउटपुट का उत्पादन करेगा। शीर्षक और p तत्वों को प्रदर्शित करना अब संपादन योग्य है -

HTML संतुष्ट संपादन योग्य विशेषता

अब, हम शीर्षक और सामग्री को संपादित कर सकते हैं। इसलिए, आइए हम शीर्षक बदलते हैं और स्क्रीनशॉट प्रदर्शित करते हैं -

HTML संतुष्ट संपादन योग्य विशेषता

ऊपर दिए गए उदाहरण में, हमने एक शीर्षक और कुछ टेक्स्ट सेट किया है -

डेमो शीर्षक

यह एक डेमो लाइन है।

हमने सामग्री संपादन योग्य संपत्ति का उपयोग करके शीर्षक और सामग्री को संपादन योग्य बनाया है। इसे सही सेट करने पर, आप इसे वेब पेज पर ही संपादित कर पाएंगे -

h2 contenteditable="true"

  1. HTML पैटर्न विशेषता

    HTML पैटर्न विशेषता एक नियमित अभिव्यक्ति को परिभाषित करती है जिसके विरुद्ध HTML दस्तावेज़ में HTML तत्व का मान मेल खाता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <input pattern=”regular expression”> आइए HTML पैटर्न विशेषता का एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html&

  1. HTML रैप विशेषता

    HTML रैप एट्रिब्यूट परिभाषित करता है कि जब किसी HTML दस्तावेज़ में प्रपत्र सबमिट किया जाता है तो टेक्स्ट क्षेत्र में टेक्स्ट को कैसे लपेटा जाता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <textarea wrap=”hard | soft”></textarea> आइए हम HTML रैप एट्रीब्यूट का एक उदाहरण देखें - उ

  1. HTML खींचने योग्य विशेषता

    HTML DOM ड्रैग करने योग्य विशेषता एक बूलियन मान लौटाती है/सेट करती है जो यह निर्दिष्ट करती है कि कोई तत्व ड्रैग करने योग्य है या नहीं। ध्यान दें − लिंक और चित्र डिफ़ॉल्ट रूप से खींचे जा सकते हैं। आइए HTML खींचने योग्य . का एक उदाहरण देखें विशेषता - उदाहरण <!DOCTYPE html> <html> <head