File upload fields

File upload fields

A form can receive documents and other files, such as images, from users. When a user submits the form, the browser grabs a copy of the file and sends it with the other form data. To create a file upload field, this is what you do:

  1. Use the <input> element with the type attribute set to file. The file itself is the form field value.
  2. Use the name attribute to give the control a name.

Here’s an example of markup for a file upload field:https://stackblitz.com/edit/web-platform-iekpce?embed=1&file=index.html&hideDevTools=1&hideExplorer=1&hideNavigation=1

Browsers render a file upload field with a Browse button (or a button similarly named) that allows a user to navigate a local hard drive and select a file to send.