type=file

FilterElements

HTML: <input type="file">
XHTML: <input type="file"/>  or  <input type="file" />

Allows users to submit external files with their form submissions by providing a browsing mechanism in the form.

Start/End Tags

This is an empty element. In HTML, the end tag is forbidden. In XHTML, the element must be closed with a trailing slash as just shown. Developers may include a space character before the slash for backward compatibility with older browsers.

Specifications

  • HTML 4.01
  • HTML5

accept=

Values: MIME type
Specifies a comma-separated list of content types that a server processing the form will handle correctly. It can be used to filter out nonconforming files when prompting a user to select files to send to the server.

autofocus

Values: None in HTML. (autofocus="autofocus" in XHTML)
HTML5 only. Indicates the control should have focus (be highlighted and ready for user input) when the document loads.

disabled

Values: None in HTML. (disabled="disabled" in XHTML)
Disables the control for user input. It can be altered only via a script. Browsers may display disabled controls differently (grayed out, for example), which could be useful for dimming certain controls until required info is supplied.

form=

Values: id of the form owner
HTML5 only. Explicitly associates the input control with its associated form (its form owner). With this method, the input control does not need to be a child of the applicable form element.

maxlength=

Values: number
Specifies the maximum number of characters the user can enter for input elements set to text, password, search, tel, or url.

multiple

Values: None in HTML. (multiple="multiple" in XHTML)
HTML5 only. Indicates the user is allowed to specify more than one value.

name=

Values: text
Required. Assigns a name to the control; a script program uses this name to reference the control.

readonly

Values: None in HTML. (readonly="readonly" in XHTML)
Indicates that the form input may not be modified by the user.

required

Values: None in HTML. (required="required" in XHTML)
HTML5 only. When present, indicates the input value is required.

size=

Values: number
Specifies the width of a text-entry control (when type is set to text, password, or search), measured in number of characters. Users may type entries that are longer than the space provided, causing the field to scroll to the right.

value=

Values: text
Specifies the initial value for this control.

HTML 4.01 <input> Events

onchange
Occurs when the element loses the input focus and its value has been modified since gaining focus
onselect
Occurs when text within the element is selected
<form enctype="multipart/form-data">
<p>Send this file with my form information:<br>
<input type="file" size="28">
</p>
</form>

Rendered Example

Send this file with my form information: