当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。