HTML <output> टैग क्या है?
<output> टैग HTML में गणना के परिणाम (result of a calculation) को प्रदर्शित करने के लिए उपयोग किया जाता है। यह HTML5 में पेश किया गया था।
एट्रिब्यूट्स
| एट्रिब्यूट | विवरण |
|---|---|
for | गणना के परिणाम और गणना में उपयोग किए गए एलिमेंट्स के बीच संबंध |
form | फॉर्म जिससे आउटपुट एलिमेंट संबंधित है |
name | आउटपुट एलिमेंट के लिए नाम |
उदाहरण
नीचे एक सरल कैलकुलेटर है जो एक रेंज स्लाइडर और दो नंबर इनपुट के मानों को जोड़ता है:
<!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>
आउटपुट
प्रारंभिक परिणाम (25+50+50=125):
स्लाइडर बढ़ाने पर परिणाम अपडेट होता है:
कोड स्पष्टीकरण
oninputफॉर्म पर - जब भी कोई इनपुट बदलता है, एक्सप्रेशन मूल्यांकन करता है।parseInt(p.value)+parseInt(q.value)+parseInt(r.value)- तीन इनपुट के मान जोड़ता है।<output name="n" for="p q r">- परिणाम प्रदर्शित करता है;forगणना में उपयोग किए गए एलिमेंट्स के IDs सूचीबद्ध करता है।
उपयोग के मामले
- लाइव फॉर्म गणना (ऋण EMI, कर, शॉपिंग कार्ट योग)।
- JavaScript-आधारित गणनाओं के परिणाम दिखाना।
- फॉर्म सबमिशन में आउटपुट मान शामिल करने के लिए
nameएट्रिब्यूट का उपयोग करें।
