[Edit]

HTML - file input only for PDFs

1 contributors

2 contributions

0 discussions

0 points

Created by:

Elias999

819

In this article, we would like to show you how to create file input only for pdf files in HTML.

Quick solution:

xxxxxxxxxx
 
<input type="file" accept="application/pdf,application/x-pdf,application/x-bzpdf,application-gzpdf">

Auto running

or:

xxxxxxxxxx
 
<input type="file" accept=".pdf">

Auto running

Practical example

Edit

In this example, we create file input using type="file" attribute. To make it allow only pdf files, we set accept attribute to the types that file input should accept.

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
  <label>
    <span>Choose a file:</span>
    <input type="file"
           name="picture"
           accept="application/pdf,application/x-pdf,application/x-bzpdf,application-gzpdf">
  </label>
</body>
</html>