HTML DOM इनपुट इमेज ऑब्जेक्ट

परिचय

HTML DOM इनपुट इमेज ऑब्जेक्ट HTML दस्तावेज़ में type="image" वाले <input> एलिमेंट को दर्शाता है। यह एक इमेज के रूप में सबमिट बटन बनाता है।

सिंटैक्स - इमेज ऑब्जेक्ट बनाना

var imageInput = document.createElement("INPUT");
imageInput.setAttribute("type", "image");

प्रॉपर्टीज़

उदाहरण

डायनामिकली इमेज सबमिट बटन बनाना:

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align: center; background-color: #363946; color: #fff; }
  .btn {
    background-color: #db133a;
    border: none;
    height: 2rem;
    border-radius: 50px;
    width: 60%;
    margin: 2rem auto;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>DOM इनपुट इमेज ऑब्जेक्ट उदाहरण</h1>
<button onclick="createIframe()" class="btn">इमेज सबमिट बटन बनाएं</button>
<script>
  function createIframe() {
    var imageInput = document.createElement("INPUT");
    imageInput.setAttribute("type", "image");
    imageInput.setAttribute("src", "https://www.tutorialspoint.com/jdbc/images/jdbc-mini-logo.jpg");
    document.body.appendChild(imageInput);
  }
</script>
</body>
</html>

आउटपुट

"इमेज सबमिट बटन बनाएं" बटन पर क्लिक करने पर दी गई इमेज URL के साथ एक इमेज सबमिट बटन बनेगा।