HTML DOM FileUpload name প্রপার্টি ফাইল আপলোড ইনপুট টাইপের name অ্যাট্রিবিউটের মান রিটার্ন করে এবং পরিবর্তন করতে দেয়।
সিনট্যাক্স
নেম পাওয়ার জন্য:
object.name
নেম সেট করার জন্য:
object.name = "text"
উদাহরণ
<!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-name{ font-weight:bold; font-size:1.4rem; color:#fff; } </style> </head> <body> <h1>FileUpload name Property Example</h1> <input type="file" name="My_Name"> <button onclick="setName()" class="btn">Click to change Name attribute value of choose file input</button> <div class="show-name"></div> <script> function setName() { var chooseFileBtn= document.querySelector("input"); document.querySelector(".show-name").innerHTML ="Previous Name = " + chooseFileBtn.name + ""; chooseFileBtn.name = "My_New_Name"; document.querySelector(".show-name").innerHTML +="New Name = " + chooseFileBtn.name + ""; } </script> </body> </html>
আউটপুট
নিচের আউটপুটটি দেখাবে:
"Inspect Element" নিচের মতো:
"blue" বাটনে ক্লিক করলে ফাইল আপলোড ইনপুটের name অ্যাট্রিবিউটের মান পরিবর্তন হবে:
"Inspect Element" নিচের মতো দেখাবে:
