Thuộc tính biểu mẫu FileUpload đầu vào HTML DOM trả về tham chiếu của biểu mẫu bao gồm nút đầu vào tải lên tệp.
Cú pháp
Sau đây là cú pháp -
object.form
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính biểu mẫu FileUpload đầu vào -
<!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 Property Demo</h1>
<form id="Form 1">
<fieldset>
<legend>Form 1</legend>
<input type="file" class="fileUploadBtn">
</fieldset>
</form>
<button onclick="identify()">Identify File Upload button Form</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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ Xác định Biểu mẫu Nút Tải lên Tệp ”Để xác định biểu mẫu có chứa nút tải tệp lên.
