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

HTML छिपी हुई विशेषता

<घंटा/>

HTML छिपी विशेषता का उपयोग उपयोगकर्ता को यह बताने के लिए किया जाता है कि छिपी विशेषता वाला तत्व अब दस्तावेज़ के लिए प्रासंगिक नहीं है और उपयोगकर्ता को दिखाई नहीं देना चाहिए।

आइए छुपा . का एक उदाहरण देखें विशेषता -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML hidden 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>
<fieldset>
<legend>HTML-hidden-attribute</legend>
<input type="text" id="textSelect" placeholder="Your Authorization Level">
<select id="selection1" hidden>
<option>Add user</option>
<option>Delete user</option>
<option>Modify user</option>
</select>
<select id="selection2" hidden>
<option>Mail admin</option>
<option>Call admin</option>
</select>
<input type="button" value="go" onclick="displaySelection()">
<div id="divDisplay">Hello</div>
</fieldset>
</form>
<script>
   var textSelect = document.getElementById("textSelect");
   var divDisplay = document.getElementById("divDisplay");
   var selection1 = document.getElementById("selection1");
   var selection2 = document.getElementById("selection2");
   function displaySelection() {
      if(textSelect.value === 'admin'){
         selection1.hidden = false;
         selection2.hidden = true;
         divDisplay.textContent = 'Welcome Admin';  
      } else if(textSelect.value === 'user'){
         selection2.hidden = false;
         selection1.hidden = true;
         divDisplay.textContent = 'Welcome User';
      } else{
         selection2.hidden = true;
         selection1.hidden = true;
         divDisplay.textContent = 'Your input does not match any authorization';
      }
   }
</script>
</body>
</html>

1) 'जाओ' . क्लिक करना उपयोगकर्ता प्राधिकरण स्तर वाला बटन -

HTML छिपी हुई विशेषता

2) क्लिक करना 'जाओ' व्यवस्थापक प्राधिकरण स्तर वाला बटन -

HTML छिपी हुई विशेषता

3) ‘जाओ . पर क्लिक करना ' अनधिकृत स्तर वाला बटन -

HTML छिपी हुई विशेषता


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

    HTML पैटर्न विशेषता एक नियमित अभिव्यक्ति को परिभाषित करती है जिसके विरुद्ध HTML दस्तावेज़ में HTML तत्व का मान मेल खाता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <input pattern=”regular expression”> आइए HTML पैटर्न विशेषता का एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html&

  1. HTML रैप विशेषता

    HTML रैप एट्रिब्यूट परिभाषित करता है कि जब किसी HTML दस्तावेज़ में प्रपत्र सबमिट किया जाता है तो टेक्स्ट क्षेत्र में टेक्स्ट को कैसे लपेटा जाता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <textarea wrap=”hard | soft”></textarea> आइए हम HTML रैप एट्रीब्यूट का एक उदाहरण देखें - उ

  1. HTML खींचने योग्य विशेषता

    HTML DOM ड्रैग करने योग्य विशेषता एक बूलियन मान लौटाती है/सेट करती है जो यह निर्दिष्ट करती है कि कोई तत्व ड्रैग करने योग्य है या नहीं। ध्यान दें − लिंक और चित्र डिफ़ॉल्ट रूप से खींचे जा सकते हैं। आइए HTML खींचने योग्य . का एक उदाहरण देखें विशेषता - उदाहरण <!DOCTYPE html> <html> <head