คุณสมบัติชื่อ HTML DOM FileUpload ส่งกลับและแก้ไขค่าของแอตทริบิวต์ชื่อของประเภทอินพุตการอัปโหลดไฟล์ใน HTML
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
1. ชื่อผู้ส่งคืน
object.name
2. การตั้งชื่อ
object.name=”text”
ตัวอย่าง
ให้เราดูตัวอย่างของคุณสมบัติชื่อ FileUpload -
<!DOCTYPE html> <html> <head> <title>HTML DOM name Property</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>FileUpload name Property Example</h1> <input type="file" name="My_Name"> <button onclick="setName()" class="btn">Click to change Name attribute value of choose file input</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>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
ต่อไปนี้คือ “ตรวจสอบองค์ประกอบ” −
คลิกที่ “สีน้ำเงิน ” เพื่อเปลี่ยนค่าของชื่อแอตทริบิวต์ของประเภทอินพุตการอัปโหลดไฟล์ -
“ตรวจสอบองค์ประกอบ” แสดงสิ่งต่อไปนี้ -