Thuộc tính HTML DOM FileUpload bị vô hiệu hóa trả về và sửa đổi giá trị của thuộc tính bị vô hiệu hóa của loại đầu vào FileUpload trong HTML.
Cú pháp
Sau đây là cú pháp -
1. Trả lại bị vô hiệu hóa
object.disabled
2. Cài đặt bị tắt
object.disabled = true|false;
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính HTML FileUpload bị vô hiệu hóa -
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-color:#397367;
color:#fff;
padding:10px;
}
p{
font-size:1.2rem;
}
input{
width:200px;
border:none;
margin:10px 0;
}
.btn{
display:block;
margin:10px 0;
background-color:#22223B;
color:#fff;
border:none;
height:30px;
border-radius:50px;
font-weight:bold;
padding:0.5rem 1rem;
cursor:pointer;
outline:none;
}
</style>
</head>
<body>
<h1>FileUpload disabled Property Example</h1>
<p>Are you able to choose file?</p>
<input type="file">
<button onclick="enableDis()" class='btn'>Enable/Disable Choose File</button>
<script>
function enableDis() {
var chooseFileBtn = document.querySelector("input");
if(chooseFileBtn.disabled === true){
chooseFileBtn.disabled = false;
} else {
chooseFileBtn.disabled = true;
}
}
</script>
</body>
</html> Điều này sẽ tạo ra kết quả sau -
Đầu ra
Nhấp vào “ Bật / Tắt Chọn tệp ”Để bật / tắt kiểu nhập Fileupload.
