<button> एलिमेंट का value एट्रिब्यूट बटन के प्रारंभिक मान को सेट करने के लिए उपयोग किया जाता है। आप इसे <form> में सेट कर सकते हैं। यहां, हम फॉर्म का उपयोग किए बिना एक उदाहरण दिखा रहे हैं।
निम्नलिखित सिंटैक्स है:
<button value="value">
उपरोक्त, value प्रारंभिक मान है।
आइए अब <button> में value एट्रिब्यूट को लागू करने का एक उदाहरण देखें:
उदाहरण
<!DOCTYPE html> <html> <body> <p>Click below to get details about the learning content...</p></br></br> <button id = "button1" value = "Learning" onclick = "demo1()">Get Tutorials</button> <button id = "button2" value = "InterviewAnswers" onclick = "demo2()">Get InterviewQA</button> <p id = "myid"></p> <script> function demo1() { var val1 = document.getElementById("button1").value; document.getElementById("myid").innerHTML = val1; } function demo2() { var val1 = document.getElementById("button2").value; document.getElementById("myid").innerHTML = val1; } </script> </body> </html>
यह प्रारंभ में निम्नलिखित आउटपुट देगा:
आउटपुट निम्नानुसार है जब "Get Tutorials" बटन पर क्लिक किया जाता है:
आउटपुट निम्नानुसार है जब "Get InterviewQA" बटन पर क्लिक किया जाता है:
उपरोक्त उदाहरण में, हमने एक वेरिएबल में मान प्राप्त करने के लिए JavaScript फंक्शन बनाए हैं। उनमें से एक demo1() है:
function demo1() { var val1 = document.getElementById("button1").value; document.getElementById("myid").innerHTML = val1; }
उपरोक्त का परिणाम बटन के क्लिक पर प्रदर्शित होता है। onclick प्रॉपर्टी को उपरोक्त फंक्शन demo1() को कॉल करने के लिए सेट किया गया है:
<button id = "button1" value = "Learning" onclick = "demo1()"> Get Tutorials </button>
