คุณสมบัติที่ถูกปิดใช้งาน HTML DOM FileUpload ส่งคืนและแก้ไขค่าของแอตทริบิวต์ที่ถูกปิดใช้งานของประเภทอินพุต FileUpload ใน HTML
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
1. การกลับมาปิดการใช้งาน
object.disabled
2. ปิดการใช้งานการตั้งค่า
object.disabled = true|false;
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติปิดการใช้งาน HTML FileUpload -
<!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>
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
ผลลัพธ์
คลิกที่ “เปิด/ปิดการใช้งานเลือกไฟล์ ปุ่ม ” เพื่อเปิด/ปิดประเภทอินพุตการอัปโหลดไฟล์