HTML DOM इनपुट फाइल अपलोड disabled प्रॉपर्टी

परिचय

HTML DOM फाइल अपलोड disabled प्रॉपर्टी HTML में फाइल अपलोड इनपुट टाइप के disabled एट्रिब्यूट का मान प्राप्त करती है और संशोधित करती है।

सिंटैक्स

मान प्राप्त करना

object.disabled

मान सेट करना

object.disabled = true | false;

उदाहरण

फाइल अपलोड इनपुट को सक्षम/अक्षम करने के लिए टॉगल बटन:

<!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>फाइल अपलोड disabled प्रॉपर्टी उदाहरण</h1>
<p>क्या आप फाइल चुन सकते हैं?</p>
<input type="file">
<button onclick="enableDis()" class='btn'>फाइल चुनें सक्षम/अक्षम करें</button>
<script>
  function enableDis() {
    var chooseFileBtn = document.querySelector("input");
    if (chooseFileBtn.disabled === true) {
      chooseFileBtn.disabled = false;
    } else {
      chooseFileBtn.disabled = true;
    }
  }
</script>
</body>
</html>

आउटपुट

"फाइल चुनें सक्षम/अक्षम करें" बटन पर क्लिक करके फाइल अपलोड इनपुट को टॉगल करें।