當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML Input FileUpload disabled用法及代碼示例


HTML DOM中的Input FileUpload disabled屬性用於設置或返回是否必須禁用文件上載字段。禁用的字段不可用,並且un-clickable。它是一個布爾屬性,用於反映HTML Disabled屬性。默認情況下,在所有瀏覽器中通常以灰色顯示。

用法:

  • 返回禁用的屬性:
    fileuploadObject.disabled
  • 設置禁用的屬性:
    fileuploadObject.disabled=true|false

屬性值:


  • true:它定義了FileUpload字段被禁用
  • false:它具有默認值。它定義了不禁用FileUpload字段

返回值:它返回一個布爾值,該布爾值表示是否禁用了“輸入文件上傳”字段。

示例1:返回FileUpload屬性

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        DOM Input FileUpload disabled Property 
    </title> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green;">  
                GeeksForGeeks  
            </h1> 
        <input type="file" 
               id="myFile" 
               disabled="true"> 
  
        <p id="demo"> 
      </p> 
  
        <button onclick="myFunction()"> 
          Click 
      </button> 
  
        <script> 
            function myFunction() { 
                var x =  
                    document.getElementById( 
                      "myFile").disabled; 
                
                document.getElementById( 
                  "demo").innerHTML = x; 
            } 
        </script> 
    </center> 
</body> 
  
</html>

輸出:
點擊前:

點擊後:

示例2:設置FileUpload屬性

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        DOM Input FileUpload disabled Property 
    </title> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green;">  
                GeeksForGeeks  
            </h1> 
        <input type="file"
               id="myFile"> 
  
        <p id="demo"> 
      </p> 
  
        <button onclick="myFunction()"> 
          Try it 
      </button> 
  
        <script> 
            function myFunction() { 
                var x =  
                    document.getElementById( 
                      "myFile").disabled = "true"; 
                
                document.getElementById( 
                  "demo").innerHTML = x; 
            } 
        </script> 
    </center> 
</body> 
  
</html>

輸出:
點擊前:

點擊後:

支持的瀏覽器:

  • Google Firefox
  • 火狐瀏覽器
  • Edge
  • Opera
  • Safari


相關用法


注:本文由純淨天空篩選整理自Vijay Sirra大神的英文原創作品 HTML | DOM Input FileUpload disabled Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。