HTML DOM Input FileUpload disabled প্রোপার্টি

HTML DOM FileUpload disabled প্রোপার্টি HTML-এ FileUpload ইনপুট টাইপের disabled অ্যাট্রিবিউটের ভ্যালু রিটার্ন এবং মডিফাই করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হল:

1. disabled রিটার্ন করা

object.disabled

2. disabled সেট করা

object.disabled = true|false;

উদাহরণ

HTML FileUpload disabled প্রোপার্টির একটি উদাহরণ দেখি:

<!DOCTYPE html>
<html>
<head>
<style>
  body{
    background-color:#397367;
    color:#fff;
    padding:10px;
  }
  p{
    font-size:1.2rem;
  }
  input{
    width:200px;
    border:none;
    margin:10px 0;
  }
  .btn{
    display:block;
    margin:10px 0;
    background-color:#22223B;
    color:#fff;
    border:none;
    height:30px;
    border-radius:50px;
    font-weight:bold;
    padding:0.5rem 1rem;
    cursor:pointer;
    outline:none;
  }
</style>
</head>
<body>
<h1>FileUpload disabled Property Example</h1>
<p>Are you able to choose file?</p>
<input type="file">
<button onclick="enableDis()" class='btn'>Enable/Disable Choose File</button>
<script>
  function enableDis() {
    var chooseFileBtn = document.querySelector("input");
    if(chooseFileBtn.disabled === true){
      chooseFileBtn.disabled = false;
    } else {
      chooseFileBtn.disabled = true;
    }
  }
</script>
</body>
</html>

এটি নিচের আউটপুট তৈরি করবে:

আউটপুট

Enable/Disable Choose File বাটনে ক্লিক করুন Fileupload ইনপুট টাইপ Enable/Disable করার জন্য।