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
相关用法
- HTML Input FileUpload name用法及代码示例
- HTML Input FileUpload value用法及代码示例
- HTML Input FileUpload form用法及代码示例
- HTML Input FileUpload accept用法及代码示例
- HTML Input FileUpload files用法及代码示例
- HTML Input FileUpload multiple用法及代码示例
- HTML Input FileUpload autofocus用法及代码示例
- HTML Input FileUpload required用法及代码示例
- HTML Input FileUpload type用法及代码示例
- HTML Input URL disabled用法及代码示例
- HTML Input Email disabled用法及代码示例
- HTML Input Month disabled用法及代码示例
- HTML Input Week disabled用法及代码示例
- HTML Input Color disabled用法及代码示例
- HTML Input DatetimeLocal disabled用法及代码示例
注:本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | DOM Input FileUpload disabled Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。