HTML DOM Input FileUpload disabled Property
The Input FileUpload disabled property in HTML DOM used to set or return whether a file upload field must be disabled, or not. A disabled field is unusable and un-clickable. It is a boolean attribute and used to reflect the HTML Disabled attribute. It is usually rendered in grey color by default in all the Browsers.
Syntax:
- Return the disabled property:
fileuploadObject.disabled
- Set the disabled property:
fileuploadObject.disabled=true|false
Property Values:
- true: It defines that the FileUpload field is disabled
- false: It has a default value. It defines that the FileUpload field is not disabled
Return Value: It returns a boolean value that represents whether the Input FileUpload field is disabled or not.
Example-1: Return FileUpload property
HTML
<!DOCTYPE html> < html > < head > < title > DOM Input FileUpload disabled Property </ title > </ head > < body > < center > < h1 style = "color:green;" > w3wiki </ h1 > < input type = "file" id = "myFile" disabled = "true" > < p id = "demo" > </ p > < button onclick = "myFunction()" > Click </ button > < script > function myFunction() { let x = document.getElementById( "myFile").disabled; document.getElementById( "demo").innerHTML = x; } </ script > </ center > </ body > </ html > |
Output:
Example-2: Set the FileUpload property
HTML
<!DOCTYPE html> < html > < head > < title > DOM Input FileUpload disabled Property </ title > </ head > < body > < center > < h1 style = "color:green;" > w3wiki </ h1 > < input type = "file" id = "myFile" > < p id = "demo" > </ p > < button onclick = "myFunction()" > Try it </ button > < script > function myFunction() { let x = document.getElementById( "myFile").disabled = "true"; document.getElementById( "demo").innerHTML = x; } </ script > </ center > </ body > </ html > |
Output:
Before Click:
Supported Browsers:
- Google Chrome 1+
- Mozilla Firefox 1+
- Edge 12+
- Opera 11+
- Safari 1+