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

HTML DOM Form acceptCharset प्रॉपर्टी

HTML DOM Form acceptCharset प्रॉपर्टी <form> तत्व के accept-Charset attribute से जुड़ी होती है। इस प्रॉपर्टी का उपयोग फॉर्म के accept-Charset attribute मान को सेट करने और प्राप्त करने के लिए किया जाता है। यह कैरेक्टर एन्कोडिंग को स्ट्रिंग प्रकार में लौटाता है।

यदि accept-Charset मान निर्दिष्ट नहीं है तो यह UNKNOWN लौटाएगा जो इंगित करता है कि कैरेक्टर एन्कोडिंग वर्तमान HTML दस्तावेज़ के कैरेक्टर एन्कोडिंग पर सेट है।

सिंटैक्स

acceptCharset प्रॉपर्टी सेट करने के लिए सिंटैक्स:

formObject.acceptCharset = character-set

यहां, character-set सेमीकोलन या स्पेस से अलग की गई सूची है जो एक या अधिक कैरेक्टर एन्कोडिंग मान को इंगित करती है। सबसे अधिक उपयोग किए जाने वाले कुछ मान UTF-8 और ISO-8859-1 हैं।

उदाहरण

आइए Form acceptCharset प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> 
<style> 
  form{ 
    border:2px solid blue; 
    margin:2px; 
    padding:4px; 
  } 
</style> 
<script> 
  function changeEnc() { 
    document.getElementById("FORM1").acceptCharset = "ISO-8859-1"; 
    document.getElementById("Sample").innerHTML = "इस फॉर्म के लिए कैरेक्टर सेट अब UTF-8 के बजाय ISO-8859-1 है"; 
  } 
</script> </head> <body> 
<form id="FORM1" accept-charset="UTF-8"> 
  <label>User Name <input type="text" name="usrN"></label><br><br> 
  <label>Password <input type="password" name="pass"></label> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके फॉर्म तत्व के लिए चारसेट एन्कोडिंग को UTF-8 से ISO-8859-1 में बदलें</p> 
<button onclick="changeEnc()">CHANGE</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

HTML DOM Form acceptCharset प्रॉपर्टी

CHANGE बटन पर क्लिक करने पर:

HTML DOM Form acceptCharset प्रॉपर्टी

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

  • हमने id "FORM1" के साथ एक फॉर्म बनाया और acceptCharset प्रॉपर्टी मान "UTF-8" पर सेट है। इस फॉर्म में टाइप text का एक इनपुट फील्ड और टाइप password का एक और है:
<form id="FORM1" accept-charset="UTF-8"> 
  <label>User Name <input type="text" name="usrN"></label> 
  <br><br> 
  <label>Password <input type="password" name="pass"></label> 
</form>
  • फिर हमने एक बटन CHANGE बनाया जो यूज़र द्वारा क्लिक किए जाने पर changeEnc() मेथड को एक्ज़िक्यूट करता है:
<button onclick="changeEnc()">CHANGE</button>
  • changeEnc() फंक्शन getElementById() मेथड का उपयोग करके <form> तत्व को प्राप्त करता है। फिर यह इसके acceptCharset प्रॉपर्टी मान को "ISO-8859-1" पर सेट करता है जो लैटिन कैरेक्टर एन्कोडिंग है। फिर हम id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके इस परिवर्तन के संबंध में टेक्स्ट प्रदर्शित करते हैं:
function changeEnc() { 
  document.getElementById("FORM1").acceptCharset = "ISO-8859-1"; 
  document.getElementById("Sample").innerHTML = "इस फॉर्म के लिए कैरेक्टर सेट अब UTF-8 के बजाय ISO-8859-1 है"; 
}
  1. HTML DOM Form target प्रॉपर्टी HTML DOM Form target प्रॉपर्टी

    HTML DOM Form target प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि फॉर्म डेटा सबमिट होने के बाद प्रतिक्रिया कहाँ प्रदर्शित की जानी चाहिए। यह एक नए टैब, वर्तमान टैब या एक नई विंडो में प्रदर्शित हो सकता है। फॉर्म target प्रॉपर्टी target एट्रिब्यूट मान को सेट या प्राप्त करती है। सिंटैक्स

  1. HTML DOM टेक्स्टएरिया form प्रॉपर्टी: पैरेंट फॉर्म पहचानना HTML DOM टेक्स्टएरिया form प्रॉपर्टी: पैरेंट फॉर्म पहचानना

    HTML DOM टेक्स्टएरिया form प्रॉपर्टी उस फॉर्म का संदर्भ लौटाती है जिसमें टेक्स्टएरिया शामिल है। सिंटैक्स object.form उदाहरण: टेक्स्टएरिया के फॉर्म की पहचान करना <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #363946; color: #fff; } form { margin:

  1. HTML DOM Object form प्रॉपर्टी HTML DOM Object form प्रॉपर्टी

    परिचय HTML DOM Object form प्रॉपर्टी <object> एलिमेंट के लिए घेरने वाले फॉर्म का रेफरेंस लौटाती है। सिंटैक्स form ऑब्जेक्ट का रेफरेंस वापस करना: ObjectElement.form उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM Object form</title> <style> form { w