HTML DOM इनपुट बटन टाइप प्रॉपर्टी इनपुट बटन के प्रकार को लौटाती है यानी चाहे वह "बटन", "सबमिट" या "रीसेट" प्रकार का हो।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
object.type
उदाहरण
आइए इनपुट बटन टाइप प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <title>HTML DOM type Property</title> <style> body{ text-align:center; } .btn{ display:block; margin:1rem auto; background-color:#db133a; color:#fff; border:1px solid #db133a; padding:0.5rem; border-radius:50px; width:40%; } .show-type{ font-weight:bold; font-size:1.4rem; color:#ffc107; } </style> </head> <body> <h1>type Property Example</h1> <input type = "submit" onclick = "getType()" class = "btn" value = "Click me to know about my type"> <div class="show-type"></div> <script> function getType() { var btnType = document.querySelector(".btn").type; document.querySelector(".show-type").innerHTML = btnType; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
“मेरे प्रकार के बारे में जानने के लिए मुझे क्लिक करें . पर क्लिक करें इनपुट बटन के प्रकार को प्रदर्शित करने के लिए बटन।