X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM Input FileUpload Object


Input FileUpload Object

The Input FileUpload object represents an HTML <input> element with type="file".

Access an Input FileUpload Object

You can access an <input> element with type="file" by using getElementById():

var x = document.getElementById("myFile"); Try it

Tip: You can also access an Input FileUpload object by searching through the elements collection of a form.

Create an Input FileUpload Object

You can create an <input> element with type="file" by using the document.createElement() method:

var x = document.createElement("INPUT");
x.setAttribute("type", "file"); Try it

Input FileUpload Object Properties

= Property added in HTML5.

Property Description
accept Sets or returns the value of the accept attribute of the file upload button
autofocus Sets or returns whether a file upload button should automatically get focus upon page load
defaultValue Sets or returns the default value of a file upload button
disabled Sets or returns whether the file upload button is disabled, or not
files Returns a FileList object that represents the file or files selected with the file upload button
form Returns a reference to the form that contains the file upload button
multiple Sets or returns whether a user is allowed to select more than one file in the file upload field
name Sets or returns the value of the name attribute of the file upload button
required Sets or returns whether a file in the file upload field must be selected before submitting a form
type Returns which type of form element the file upload button is
value Returns the path or the name of the selected file

Standard Properties and Events

The Input FileUpload object also supports the standard properties and events.


Related Pages

HTML tutorial: HTML Forms

HTML reference: HTML <input> tag

HTML reference: HTML <input> type attribute



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook