HTML DOM इनपुट बटन ऑब्जेक्ट "बटन" के रूप में टाइप विशेषता के साथ एक इनपुट HTML तत्व के रूप में कार्य करता है।
आइए देखें कि एक इनपुट बटन ऑब्जेक्ट कैसे बनाया जाता है -
वाक्यविन्यास
निम्नलिखित वाक्य रचना है -
var newButton = document.createElement(“INPUT”); newButton.setAttribute(“type”,”value”);
यहां, मान "बटन", "सबमिट" और "रीसेट" हो सकता है।
गुण
इनपुट बटन ऑब्जेक्ट के गुण निम्नलिखित हैं -
| संपत्ति | स्पष्टीकरण |
|---|---|
| ऑटोफोकस | यह गुण HTML में इनपुट बटन के ऑटोफोकस विशेषता के मान को लौटाता है और बदल देता है। |
| डिफ़ॉल्ट मान | यह HTML में इनपुट बटन के डिफ़ॉल्ट मान को लौटाता है और संशोधित करता है। |
| अक्षम | यह HTML में एक इनपुट बटन की अक्षम विशेषता के मान को लौटाता है और बदल देता है। |
| फॉर्म | यह उस फॉर्म का संदर्भ देता है जो इनपुट बटन को संलग्न करता है। |
| नाम | यह HTML में इनपुट बटन के नाम विशेषता के मान को लौटाता है और बदल देता है। |
| टाइप करें | यह गुण इनपुट बटन के प्रकार को लौटाता है अर्थात चाहे वह "बटन" प्रकार का हो, "सबमिट" प्रकार का हो या "रीसेट" प्रकार का हो। |
| मान | यह इनपुट बटन के मान विशेषता की सामग्री को लौटाता है और संशोधित करता है। |
उदाहरण
आइए DOM इनपुट बटन ऑब्जेक्ट का एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Input Button Object</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:60%;
font-weight:bold;
}
.show-msg{
font-weight:bold;
font-size:1.4rem;
color:#ffc107;
}
</style>
</head>
<body>
<h1>Input Button Object Example</h1>
<input type="button" onclick="createReplica()" class="btn" value="Click to replicate
me">
<div class="show-msg"></div>
<script>
function createReplica() {
var newButton = document.createElement("INPUT");
newButton.setAttribute("type","button");
newButton.setAttribute("class","btn");
newButton.setAttribute("value","Click to replicate me");
newButton.setAttribute("onclick","createReplica()");
document.body.appendChild(newButton);
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
उसी बटन की एक नई प्रतिकृति बनाने के लिए "मुझे दोहराने के लिए क्लिक करें" बटन पर क्लिक करें।
