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

परिचय

HTML DOM इनपुट फाइल अपलोड form प्रॉपर्टी उस फॉर्म का रेफरेंस लौटाती है जिसमें फाइल अपलोड इनपुट बटन समाहित है।

सिंटैक्स

object.form

उदाहरण

फाइल अपलोड बटन वाले फॉर्म की पहचान करना:

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align: center; background-color: #363946; color: #fff; }
  form { margin: 2.5rem auto; }
  button {
    background-color: #db133a;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    color: #fff;
    border-radius: 5px;
    font-size: 1.05rem;
  }
  .show { font-weight: bold; font-size: 1.4rem; }
</style>
</head>
<body>
<h1>form प्रॉपर्टी डेमो</h1>
<form id="Form 1">
  <fieldset>
    <legend>Form 1</legend>
    <input type="file" class="fileUploadBtn">
  </fieldset>
</form>
<button onclick="identify()">फाइल अपलोड बटन का फॉर्म पहचानें</button>
<p class="show"></p>
<script>
  function identify() {
    var formId = document.querySelector(".fileUploadBtn").form.id;
    document.querySelector(".show").innerHTML = "Hi! I'm from " + formId;
  }
</script>
</body>
</html>

आउटपुट

"फाइल अपलोड बटन का फॉर्म पहचानें" बटन पर क्लिक करने पर फॉर्म की ID "Form 1" प्रदर्शित होगी।