एचटीएमएल डोम इनपुट ईमेल स्वत:पूर्ण संपत्ति

<घंटा/>

एचटीएमएल डोम इनपुट ईमेल स्वत:पूर्ण संपत्ति सेट/रिटर्न करता है कि स्वत:पूर्ण सक्षम या अक्षम है या नहीं। यदि सक्षम किया गया है, तो यह पहले टाइप किए गए मान दिखाता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

वापसी मूल्य - चालू/बंद

inputEmailObject.autocomplete

सेटिंग स्वतः पूर्ण मूल्य के लिए

inputEmailObject.autocomplete = value

मान

यहां, “मान” निम्नलिखित हो सकते हैं -

value	विवरण
चालू	यह परिभाषित करता है कि इनपुट स्वतः पूर्ण सक्षम है, यह भी डिफ़ॉल्ट है।
बंद	यह परिभाषित करता है कि इनपुट स्वतः पूर्ण विशेषता अक्षम है।

उदाहरण

आइए हम इनपुट ईमेल स्वत:पूर्ण का एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>Input Email autocomplete</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>
<fieldset>
<legend>Email-autocomplete</legend>
<label for="EmailSelect">User Email :
<input type="email" id="EmailSelect" placeholder="eg: xyz@abc.com" autocomplete="off" autofocus>
</label>
<input type="button" onclick="addAutocomplete()" value="Enable Suggestions">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputEmail = document.getElementById("EmailSelect");
   divDisplay.textContent = 'Suggestions: '+inputEmail.autocomplete;
   function addAutocomplete() {
      inputEmail.autocomplete = 'on';
      divDisplay.textContent = 'Suggestions: '+inputEmail.autocomplete;
   }
</script>
</body>
</html>

आउटपुट

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

'सुझाव सक्षम करें' . क्लिक करने से पहले बटन -

एचटीएमएल डोम इनपुट ईमेल स्वत:पूर्ण संपत्ति

'सुझाव सक्षम करें' . पर क्लिक करने के बाद बटन -

एचटीएमएल डोम इनपुट ईमेल स्वत:पूर्ण संपत्ति