Thuộc tính tên HTML DOM FileUpload trả về và sửa đổi giá trị của thuộc tính name của loại đầu vào tải lên tệp trong HTML.
Cú pháp
Sau đây là cú pháp -
1. Trả lại tên
object.name
2. Đặt tên
object.name=”text”
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính tên 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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Sau đây là "Kiểm tra phần tử" -
Nhấp vào nút “ xanh lam ”Để thay đổi giá trị của thuộc tính tên của loại đầu vào tải lên tệp -
“Kiểm tra phần tử” hiển thị như sau -
