HTML एनकोड टाइप (enctype) एट्रिब्यूट: फॉर्म डेटा एन्कोडिंग समझाया गया

HTML enctype एट्रिब्यूट फॉर्म डेटा के लिए एन्कोडिंग फॉर्मेट निर्दिष्ट करता है। यह एट्रिब्यूट केवल तब काम करता है जब फॉर्म की method "POST" पर सेट हो।

enctype के संभावित मान

उदाहरण: enctype एट्रिब्यूट का उपयोग

<!DOCTYPE html>
<html>
<head>
  <title>HTML enctype एट्रिब्यूट</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-एट्रिब्यूट</legend>
      <label for="EmailSelect">ईमेल आईडी: 
        <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. 'Login' बटन पर क्लिक करना (खाली ईमेल फील्ड के साथ): "Enter Email Id" संदेश प्रदर्शित होगा।
2. ईमेल सेट होने के बाद 'Login' बटन पर क्लिक करना: "Successful Login. Hello [नाम]" संदेश प्रदर्शित होगा।

कब कौन सा enctype उपयोग करें?

• सामान्य फॉर्म डेटा के लिए: application/x-www-form-urlencoded (डिफ़ॉल्ट)
• फाइल अपलोड वाले फॉर्म के लिए: multipart/form-data (आवश्यक)
• सरल टेक्स्ट डेटा के लिए: text/plain (कम उपयोग होता है)