input file type html code example

Example 1: accept only image files upload html

<input type="file" name="myImage" accept="image/x-png,image/gif,image/jpeg" />

Example 2: input file define type

<input type="file" accept=".gif,.jpg,.jpeg,.png,.doc,.docx">

Example 3: how to take a file input in html form

<label for="myfile">Select a file:</label>
<input type="file" 
  id="myfile" name="myfile">

Example 4: specifying file types in html file input

<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />