How to creat working download button

Answer 1

Some Other Ways....
Way#1
<form method="get" action="file.doc">
<button type="submit">Download!</button>
</form>
Way#2
<button type="submit" onclick="window.open('file.doc')">Download!</button>
Way#3 (Bootstrap Version)
<a class="btn btn-danger" role="button" href="path_to_file"
download="proposed_file_name">
Download
</a>

Answer 2

I have done some research and found the best answer. You can trigger a download by using the new HTML5 download attribute.
<a href="path_to_file" download="proposed_file_name">Download</a>
Where :
*path_to_file is either an absolute or relative path,
*proposed_file_name the filename to save to (can be blank, then defaults to the actual filename).
Hope this is helpful.

Answer 3

<a download href="downloads/file.zip">
Download Fonts
</a>

Answer 4

The best solution is:
<a href="file" download>Download</a>
*Just you need to use 'download' after href property
you can use your button within the <a> tag