কম্পিউটার টিউটোরিয়াল

HTML DOM Input FileUpload form Property

HTML DOM ইনপুট FileUpload form প্রপার্টি ফাইল আপলোড ইনপুট বাটনকে ধারণকারী ফর্মের রেফারেন্স রিটার্ন করে।

সিনট্যাক্স

object.form

উদাহরণ

<!DOCTYPE html> <html> <head> <style>    body{       text-align:center;       background-color:#363946;       color:#fff;    }    form{       margin:2.5rem auto;    }    button{       background-color:#db133a;       border:none;       cursor:pointer;       padding:8px 16px;       color:#fff;       border-radius:5px;       font-size:1.05rem;    }    .show{       font-weight:bold;       font-size:1.4rem;    } </style> </head> <body> <h1>form Property Demo</h1> <form id="Form 1"> <fieldset> <legend>Form 1</legend> <input type="file" class="fileUploadBtn"> </fieldset> </form> <button onclick="identify()">Identify File Upload button Form</button> <p class="show"></p> <script>    function identify() {       var formId = document.querySelector(".fileUploadBtn").form.id;       document.querySelector(".show").innerHTML = "Hi! I'm from " + formId;    } </script> </body> </html>

আউটপুট

নিচের আউটপুটটি দেখাবে:

HTML DOM Input FileUpload form Property

"Identify File Upload Button Form" বাটনে ক্লিক করলে ফাইল আপলোড বাটনকে ধারণকারী ফর্ম চিনতে পারবে।

HTML DOM Input FileUpload form Property

  1. HTML DOM Input DatetimeLocal form প্রোপার্টি

  2. HTML DOM Input Email form প্রোপার্টি

  3. HTML DOM Input FileUpload autofocus প্রপার্টি

  4. HTML DOM Input FileUpload accept প্রপার্টি