HTML enctype विशेषता प्रपत्र डेटा के लिए एन्कोड प्रारूप निर्दिष्ट करती है। जब पोस्ट विधि का उपयोग किया जाता है तो enctype विशेषता निर्दिष्ट की जा सकती है।
यहाँ, enctype विशेषता के निम्नलिखित मान हो सकते हैं -
| Value <वें शैली ="पाठ-संरेखण:केंद्र;">विवरण | |
|---|---|
| आवेदन/x-www-form-urlencoded | यह डिफ़ॉल्ट मान है। भेजे जाने से पहले सभी वर्णों को एन्कोड किया गया है (रिक्त स्थान "+" प्रतीकों में परिवर्तित हो जाते हैं, और विशेष वर्ण ASCII HEX मानों में परिवर्तित हो जाते हैं) |
| मल्टीपार्ट/फॉर्म-डेटा | यह वर्णों को एन्कोड नहीं करता है। यह मान आवश्यक है यदि उपयोगकर्ता उन प्रपत्रों का उपयोग कर रहा है जिनमें फ़ाइल अपलोड नियंत्रण है |
| पाठ/सादा | एन्टाइप रिक्त स्थान के इस मान के साथ "+" प्रतीकों में परिवर्तित हो जाते हैं, लेकिन कोई विशेष वर्ण एन्कोड नहीं किया जाता है |
आइए HTML enctype . का एक उदाहरण देखें संपत्ति:
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>HTML enctype attribute</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form enctype="multipart/form-data" action="" method="post">
<fieldset>
<legend>HTML-enctype-attribute</legend>
<label for="EmailSelect">Email Id:
<input type="email" id="EmailSelect">
<input type="button" onclick="getUserEmail('david')" value="David">
<input type="button" onclick="getUserEmail('shasha')" value="Shasha"><br>
<input type="button" onclick="login()" value="Login">
</label>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputEmail = document.getElementById("EmailSelect");
function getUserEmail(userName) {
if(userName === 'david')
inputEmail.value = 'davidMiller@MNC.com';
else
inputEmail.value = 'shashaGreen@MNC.com';
}
function login() {
if(inputEmail.value !== '')
divDisplay.textContent = 'Successful Login. Hello '+inputEmail.value.split("@")[0];
else
divDisplay.textContent = 'Enter Email Id';
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
1) 'लॉगिन' . पर क्लिक करना खाली ईमेल फ़ील्ड वाला बटन -
2) 'लॉगिन' . क्लिक करने के बाद ईमेल फ़ील्ड सेट के साथ बटन -
