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

HTML value एट्रिब्यूट

परिचय

HTML value एट्रिब्यूट HTML दस्तावेज़ में एक HTML एलिमेंट के प्रारंभिक मान को परिभाषित करता है। इसे button, input, meter, li, option, progress और param HTML एलिमेंट्स पर लागू किया जा सकता है।

सिंटैक्स

<tagname value="text"></tagname>

उदाहरण

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 20px;
  }
  meter {
    width: 300px;
    height: 20px;
    margin: 1rem auto;
    display: block;
  }
</style>
<body>
<h1>HTML value एट्रिब्यूट डेमो</h1>
<p>अपलोड हो रहा है...</p>
<meter min="0" max="100" value="60"></meter>
<p>मीटर का मान 60% पर सेट है (value="60")।</p>
</body>
</html>

आउटपुट

एक मीटर गेज दिखाई देगा जो 60% भरा हुआ दिखाता है (मान 60, अधिकतम 100 में से)।

विभिन्न एलिमेंट्स पर value का अर्थ

एलिमेंटvalue का अर्थ
<input>इनपुट फ़ील्ड का प्रारंभिक/वर्तमान मान
<button>बटन से जुड़ा मान (फॉर्म सबमिशन पर भेजा जाता है)
<option>फॉर्म सबमिशन पर सर्वर भेजा जाने वाला मान
<li><ol> में सूची आइटम का क्रमांक (start के साथ)
<meter>वर्तमान माप मान
<progress>प्रगति बार का वर्तमान मान
<param>प्लगइन/ऑब्जेक्ट के लिए पैरामीटर मान

input पर value के प्रकार

  • type="text|password|email|...": प्रारंभिक टेक्स्ट मान
  • type="checkbox|radio">: चेक होने पर भेजा जाने वाला मान (डिफ़ॉल्ट "on")
  • type="hidden">: उपयोगकर्ता को न दिखने वाला मान
  • type="file">: केवल पढ़ने योग्य, चयनित फाइल पथ

JavaScript से एक्सेस

// मान प्राप्त करें
const val = element.value;

// मान सेट करें
element.value = "नया मान";

ब्राउज़र समर्थन

सभी ब्राउज़रों में पूर्ण समर्थन।

  1. HTML start एट्रिब्यूट HTML start एट्रिब्यूट

    परिचय HTML start एट्रिब्यूट HTML दस्तावेज़ में एक क्रमित सूची (<ol>) के पहले सूची आइटम के प्रारंभिक मान को परिभाषित करता है। यह संख्यांकन को 1 के अलावा किसी अन्य संख्या से शुरू करने की अनुमति देता है। सिंटैक्स <ol start=number></ol> उदाहरण <!DOCTYPE html> <html> <s

  1. HTML rowspan एट्रिब्यूट HTML rowspan एट्रिब्यूट

    परिचय HTML rowspan एट्रिब्यूट HTML दस्तावेज़ में एक टेबल सेल के कितनी पंक्तियों (rows) तक फैलना चाहिए, यह परिभाषित करता है। यह केवल <td> या <th> HTML एलिमेंट पर लागू होता है। सिंटैक्स <tagname rowspan=number></tagname> उदाहरण <!DOCTYPE html> <html> <style>

  1. HTML tabindex एट्रिब्यूट HTML tabindex एट्रिब्यूट

    परिचय HTML tabindex एट्रिब्यूट HTML दस्तावेज़ में एक एलिमेंट के टैब क्रम (tab order) को परिभाषित करता है। यह एक ग्लोबल एट्रिब्यूट है, जिसका अर्थ है कि इसे किसी भी HTML एलिमेंट पर उपयोग किया जा सकता है। यह कीबोर्ड नेविगेशन और एक्सेसिबिलिटी के लिए महत्वपूर्ण है। सिंटैक्स <tagname tabindex=number&g