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

परिचय

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

सिंटैक्स

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

object.name

मान सेट करना

object.name = "text"

उदाहरण

फाइल अपलोड इनपुट के name एट्रिब्यूट को बदलना:

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM name प्रॉपर्टी</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>फाइल अपलोड name प्रॉपर्टी उदाहरण</h1>
<input type="file" name="My_Name">
<button onclick="setName()" class="btn">फाइल चुनें इनपुट के name एट्रिब्यूट का मान बदलें</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>

आउटपुट

बटन पर क्लिक करने पर name एट्रिब्यूट "My_Name" से "My_New_Name" में बदल जाएगा, जिसे इंस्पेक्ट एलिमेंट में देखा जा सकता है।