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

HTML उच्च विशेषता

<घंटा/>

उस गेज के उच्च मान को निर्दिष्ट करने के लिए एक गेज के साथ HTML उच्च विशेषता का उपयोग किया जाता है। बेहतर परिणाम प्राप्त करने के लिए गेज की अधिकतम, न्यूनतम, निम्न विशेषताओं के साथ इसका उपयोग करें।

आइए मीटर ऊंचाई . का एक उदाहरण देखें संपत्ति -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>Meter high</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>Meter-high</legend>
<label for="paulaLifeSource">Paula's Health Risk: </label>
<meter id="paulaLifeSource" max="100" min="0" high="80" low="70" value="85"></meter>
<input type="button" onclick="lifeSource()" value="Medi Kit">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Life Source at '+paulaLifeSource.value;
   function lifeSource(effect){
      var paulaLifeSource = document.getElementById("paulaLifeSource");
      var Immunity = paulaLifeSource.high;
      paulaLifeSource.high = 90;
      divDisplay.textContent = 'Immunity increased to '+paulaLifeSource.high+' from '+Immunity;
   }
</script>
</body>
</html>

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

1) 'मेडी किट' clicking क्लिक करने से पहले बटन -

HTML उच्च विशेषता

2) 'मेडी किट' पर क्लिक करने के बाद बटन -

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