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

HTML एनक्टाइप विशेषता

<घंटा/>

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 = '[email protected]';
      else
         inputEmail.value = '[email protected]';
   }
   function login() {
      if(inputEmail.value !== '')
         divDisplay.textContent = 'Successful Login. Hello '+inputEmail.value.split("@")[0];
      else
         divDisplay.textContent = 'Enter Email Id';
   }
</script>
</body>
</html>

आउटपुट

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

1) 'लॉगिन' . पर क्लिक करना खाली ईमेल फ़ील्ड वाला बटन -

HTML एनक्टाइप विशेषता

2) 'लॉगिन' . क्लिक करने के बाद ईमेल फ़ील्ड सेट के साथ बटन -

HTML एनक्टाइप विशेषता


  1. HTML प्रारंभ विशेषता

    HTML प्रारंभ विशेषता HTML दस्तावेज़ में आदेशित सूची में पहली सूची आइटम के प्रारंभ मान को परिभाषित करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - <ol start=”number”></ol> आइए हम HTML start Attribute का एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <style> &

  1. HTML रोस्पैन विशेषता

    HTML रोस्पैन विशेषता उन पंक्तियों की संख्या को परिभाषित करती है जो किसी तालिका के सेल को HTML दस्तावेज़ में फैलानी चाहिए। इसे केवल td . पर लागू किया जा सकता है या वें HTML तत्व। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname rowspan=”number”></tagname> आइए हम HTML Rowpan Att

  1. HTML टैबिंडेक्स विशेषता

    HTML tabindex विशेषता HTML दस्तावेज़ में किसी तत्व के टैब क्रम को परिभाषित करती है। यह एक वैश्विक विशेषता है जिसका अर्थ है कि इसका उपयोग किसी भी HTML तत्व पर किया जा सकता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname tabindex=”number”></tagname> उदाहरण आइए हम HTML tabind