HTML DOM Submit formEnctype प्रॉपर्टी का उपयोग सबमिट बटन के formEnctype एट्रिब्यूट मान को सेट या वापस करने के लिए किया जाता है। इसे HTML5 में type submit वाले इनपुट एलिमेंट के लिए पेश किया गया था। इसका उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि फॉर्म के डेटा को सर्वर पर सबमिट करते समय कैसे एन्कोड किया जाना चाहिए।
यह प्रॉपर्टी केवल तभी काम करती है जब method="post" प्रॉपर्टी हो। formEnctype एट्रिब्यूट मान <form> एलिमेंट से जुड़े enctype एट्रिब्यूट मान को ओवरराइड करता है।
सिंटैक्स
Submit formEnctype प्रॉपर्टी सेट करने का सिंटैक्स:
submitObject.enctype = encoding
यहां, encoding "application/x-www-form-urlencoded" हो सकता है जिसका अर्थ है कि भेजने से पहले सभी वर्ण एन्कोड किए जाते हैं और यह डिफ़ॉल्ट एन्कोडिंग है। दूसरा है "multipart/form-data" जो निर्दिष्ट करता है कि किसी भी वर्ण को एन्कोड नहीं किया जाना चाहिए और इसका उपयोग सर्वर पर फाइलें अपलोड करने के लिए किया जाता है। तीसरा एन्कोडिंग "text/plain" है और यह केवल स्पेस को "+" सिंबल में बदलता है और कोई अन्य एन्कोडिंग नहीं करता। text/plain एन्कोडिंग का उपयोग नहीं किया जाना चाहिए क्योंकि यह सुरक्षित नहीं है।
उदाहरण
Submit formEnctype प्रॉपर्टी का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <head>
<script>
function changeEnc() {
document.getElementById("SUBMIT1").formEnctype = "application/x-www-form-urlencoded";
document.getElementById("Sample").innerHTML = "The formenctype attribute value is now 'application/x-www-form-urlencoded'";
}
</script> </head> <body>
<h1>Submit formEnctype property example</h1>
<form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Loc"> <br><br>
<input type="submit" id="SUBMIT1" formenctype="multipart/form-data">
</form>
<br>
<button onclick="changeEnc()">CHANGE</button>
<p id="Sample"></p>
</body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा:
CHANGE बटन पर क्लिक करने पर:
