HTML DOM FileUpload disabled 속성은 HTML에서 FileUpload 입력 유형의 disabled 속성 값을 반환하고 수정합니다.
구문
다음은 구문입니다 -
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>
이것은 다음과 같은 출력을 생성합니다 -
출력
"파일 선택 활성화/비활성화를 클릭합니다. ” 버튼을 눌러 파일 업로드 입력 유형을 활성화/비활성화합니다.