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

HTML <output> for एट्रिब्यूट


<output> एलिमेंट का for एट्रिब्यूट

<output> एलिमेंट का for एट्रिब्यूट गणना के परिणाम और गणना में उपयोग किए गए एलिमेंट्स के बीच संबंध सेट करता है।

वाक्यविन्यास (Syntax)

<output for="id_list">

ऊपर, id_list एलिमेंट ID की एक स्पेस-अलग सूची है। ये एलिमेंट्स गणना के परिणाम और गणना में उपयोग किए गए एलिमेंट्स के बीच संबंध निर्दिष्ट करते हैं।

उदाहरण

<!DOCTYPE html>
<html>
<body>
<h2>Result</h2>
<form oninput="n.value=parseInt(p.value)+parseInt(q.value)+parseInt(r.value)">
  0    <input type="range" id="p" value="25">100
  +<input type="number" id="q" value="50">
  +<input type="number" id="r" value="50">
     =<output name="n" for="p q r"></output>
</form>
</body>
</html>

आउटपुट

प्रारंभिक परिणाम:

HTML <output> for एट्रिब्यूट

स्लाइडर बढ़ाने पर परिणाम अपडेट होता है:

HTML <output> for एट्रिब्यूट

स्पष्टीकरण

for="p q r" इंगित करता है कि आउटपुट एलिमेंट "n" उन तीन इनपुट एलिमेंट्स (p, q, r) से संबंधित है जिनका उपयोग गणना में किया गया है। यह सिमेंटिक संबंध एक्सेसिबिलिटी टूल्स और फॉर्म प्रोसेसिंग के लिए उपयोगी है।

नोट

  • for एट्रिब्यूट वैकल्पिक है लेकिन सिमेंटिक पूर्णता के लिए अनुशंसित है।
  • सूचीबद्ध IDs उसी दस्तावेज़ में मौजूद होने चाहिए।
  • यह <label for> के समान अवधारणा है लेकिन आउटपुट के लिए।
  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

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

    परिचय HTML required एट्रिब्यूट यह निर्दिष्ट करता है कि फॉर्म सबमिट करने से पहले HTML एलिमेंट को भरना अनिवार्य है। इसे <input>, <select>, और <textarea> HTML एलिमेंट्स पर लागू किया जा सकता है। सिंटैक्स <tagname required></tagname> उदाहरण <!DOCTYPE html> <html&g