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

HTML DOM Input FileUpload value Property

HTML DOM ইনপুট FileUpload value প্রপার্টি ফাইল আপলোড ইনপুট বাটনের value অ্যাট্রিবিউটের কন্টেন্ট রিটার্ন করে।

সিনট্যাক্স

object.value

উদাহরণ

<!DOCTYPE html> <html> <head> <title>HTML DOM name Property</title> <style>    body{       background-color:#397367;       color:#fff;       padding:20px;    }    .btn{       display:block;       background-color:#22223B;       color:#fff;       border:none;       padding:0.5rem;       border-radius:50px;       width:80%;       margin:10px;    }    .show-value{       font-weight:bold;       font-size:1.4rem;       color:#fff;    } </style> </head> <body> <h1>FileUpload value Property Example</h1> <p>Please Select a File!</p> <input type="file"> <button onclick="getValue()" class="btn">Get File Upload Button Value</button> <div class="show-value"></div> <script>    function getValue() {       var chooseFileBtn= document.querySelector("input");       document.querySelector(".show-value").innerHTML ="Value = " + chooseFileBtn.value;    } </script> </body> </html>

আউটপুট

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

HTML DOM Input FileUpload value Property

"Get File Upload Button Value" বাটনে ক্লিক করলে ইনপুট ফাইল আপলোড বাটনের value অ্যাট্রিবিউটের কন্টেন্ট দেখাবে।

HTML DOM Input FileUpload value Property

  1. HTML DOM Input Week value প্রপার্টি

  2. HTML DOM Input Number value প্রপার্টি

  3. HTML DOM ইনপুট সার্চ value প্রপার্টি

  4. HTML DOM ইনপুট সাবমিট value প্রপার্টি