HTML DOM फॉर्म enctype प्रॉपर्टी फॉर्म एलिमेंट की enctype विशेषता से जुड़ी है। यह गुण प्रपत्र के enctype विशेषता मान को सेट या लौटाता है। enctype विशेषता का उपयोग केवल तभी किया जाता है जब विधि विशेषता मान "POST" हो। प्रस्तुत किए जाने वाले फॉर्म में डेटा निर्दिष्ट करने के लिए enctype संपत्ति का उपयोग एन्कोड किया जाना चाहिए।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैenctype प्रॉपर्टी सेट करना -
formObject.enctype = encoding
यहां, एन्कोडिंग "एप्लिकेशन/x-www-form-urlencoded" हो सकती है, जिसका अर्थ है कि सभी वर्ण भेजने से पहले एन्कोड किए गए हैं और यह डिफ़ॉल्ट एन्कोडिंग है।
दूसरा "मल्टीपार्ट/फॉर्म-डेटा" है, जो निर्दिष्ट करता है कि किसी भी वर्ण को एन्कोड नहीं किया जाना चाहिए और सर्वर पर फाइल अपलोड करने के लिए उपयोग किया जाता है।
तीसरा एन्कोडिंग "टेक्स्ट/सादा" है और यह केवल अंतरिक्ष को "+" प्रतीक में परिवर्तित करता है और कोई अन्य एन्कोडिंग नहीं। टेक्स्ट/सादे एन्कोडिंग का उपयोग नहीं किया जाना चाहिए क्योंकि यह सुरक्षित नहीं है।
उदाहरण
आइए फॉर्म एनक्टाइप प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
form{
border:2px solid blue;
margin:2px;
padding:4px;
}
</style>
<script>
function changeEnc() {
document.getElementById("FORM1").enctype = "application/x-www-form-urlencoded";
document.getElementById("Sample").innerHTML = "The enctype attribute value is now 'application/x-www-form-urlencoded' ";
}
</script>
</head>
<body>
<h1>Form enctype property example</h1>
<form id="FORM1" method="post" enctype="multipart/form-data">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Password <input type="password" name="pass"></label>
</form>
<br>
<button onclick="changeEnc()">CHANGE</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने आईडी ="फॉर्म 1", विधि ="पोस्ट" और "मल्टीपार्ट / फॉर्म-डेटा" पर सेट एनक्टाइप के साथ एक फॉर्म बनाया है। enctype प्रपत्र डेटा के लिए एन्कोडिंग प्रकार निर्दिष्ट करता है और हमारे मामले में "मल्टीपार्ट/फॉर्म-डेटा" पर सेट है। यह एन्कोडिंग सर्वर पर फ़ाइल अपलोड के लिए उपयोगी है। फ़ॉर्म में एक टेक्स्ट फ़ील्ड और एक पासवर्ड फ़ील्ड भी है।
<form id="FORM1" method="post" enctype="multipart/form-data"> <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 () विधि का उपयोग करके फॉर्म तत्व प्राप्त करती है और इसे "एप्लिकेशन/x-www-form-urlencoded" पर enctype प्रॉपर्टी सेट करती है। यह हमारे सभी पात्रों को एन्कोड किया जा रहा है और यह डिफ़ॉल्ट enctype एन्कोडिंग है। "नमूना" आईडी वाले अनुच्छेद की आंतरिक HTML संपत्ति का उपयोग करके हम उपयोगकर्ता को टेक्स्ट प्रदर्शित करके यह परिवर्तन दिखाते हैं -
function changeEnc() {
document.getElementById("FORM1").enctype = "application/x-www-form-urlencoded";
document.getElementById("Sample").innerHTML = "The enctype attribute value is now 'application/x-www-form-urlencoded' ";
}