In this article I will explain with an example, how to use INPUT "type=file" to accept PDF file in HTML.
HTML Markup
The following HTML Markup consists of an HTML5 INPUT FileUpload element.
The HTML5 INPUT FileUpload has been set with the following attribute.
accept - This attribute allows user to select only specified type of files from the Choose File dialog box.
Note: It accepts one or more than one file extension with comma-separated value.
For example, in the following code, the HTML5 INPUT FileUpload will only allow user to select PDF file i.e. file with extension pdf.
<!DOCTYPE html>
    <meta charset="utf-8" />
    <input type="file" accept=".pdf" />
INPUT 'type=file' accept PDF file in HTML
Browser Compatibility

The above code has been tested in the following browsers only in versions that support HTML5.

Internet Explorer  FireFox  Chrome  Safari  Opera 

* All browser logos displayed above are property of their respective owners.