HTML DOM Input FileUpload type প্রপার্টি একটি <input type="file"> এলিমেন্টের type অ্যাট্রিবিউটের মান রিটার্ন করে। এটি সবসময় "file" রিটার্ন করে (শুধু পঠনযোগ্য)।
সিনট্যাক্স
object.type
উদাহরণ: ফাইল আপলোড বাটনের টাইপ দেখানো
<!DOCTYPE html>
<html>
<head>
<style>
body { text-align: center; background-color: #52B2CF; color: #fff; }
.btn {
background-color: coral; border: none; height: 2rem;
border-radius: 50px; width: 60%; margin: 1rem auto; display: block; color: #fff; outline: none;
}
.show { font-size: 2rem; color: #fff; font-weight: bold; }
</style>
</head>
<body>
<h1>DOM fileupload type property example</h1>
<input type="file" class="file-upload-btn">
<button onclick="getType()" class="btn">Click me to get value of type property</button>
<div class="show"></div>
<script>
function getType() {
var fileBtn = document.querySelector(".file-upload-btn");
document.querySelector('.show').innerHTML = fileBtn.type;
}
</script>
</body>
</html>
আউটপুট
- প্রথমে একটি "Choose File" বাটন দেখাবে।
- নারাঞ্জি বাটনে ক্লিক করলে নিচে "file" লেখা দেখাবে।
নোট
- এই প্রপার্টি মূলত ডিবাগিং বা ডাইনামিক ফর্ম জেনারেশনে ইনপুট টাইপ যাচাই করতে ব্যবহৃত হয়।
<input type="file">এলিমেন্ট ব্যবহারকারীকে ফাইল সিলেক্ট করার ডায়ালগ খুলতে দেয়।- সিকিউরিটি কারণে জাভাস্ক্রিপ্ট দিয়ে
valueপ্রপার্টি সেট করা যায় না (শুধু পড়া যায়)।
