How to forcefully download .csv file instead of getting in open on browser in html
<p>When I click download button, it link to new thanks webpage and after 2 sec start download .csv file from SD card. </p>

<p>Instead of downloading the file, it getting displayed on browser. Below is my code. </p>

<p>How can I get download option every time? Please no php code, as I am new to html.</p>

<p>I don't want to save using save as option after .csv file open browser.</p>

<pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
    &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
        &lt;head&gt;
            &lt;title&gt;Monitoring System&lt;/title&gt;
            &lt;link href="/mchp.css" rel="stylesheet" type="text/css" /&gt;
            &lt;script src="/mchp.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;/head&gt;

        &lt;body&gt;
            &lt;div id="shadow-one"&gt;
                &lt;div id="shadow-two"&gt;
                    &lt;div id="shadow-three"&gt;
                        &lt;div id="shadow-four"&gt;
                            &lt;div id="page"&gt;
                                &lt;div&gt;
                                    &lt;div&gt;
                                        &lt;div&gt;
                                            &lt;div id="title"&gt;    
                                                &lt;div class="right"&gt;Interface&lt;/div&gt;
                                                &lt;div class="left"&gt;Overview&lt;/div&gt;
                                            &lt;/div&gt;

                                            &lt;div id="content"&gt;
                                                &lt;h1&gt;Monitoring System&lt;/h1&gt;

                                                &lt;table style="padding-left: 10px;"&gt;
                                                    &lt;div id="lcontent"&gt;
                                                    &lt;div id="llogindiv" &gt;&lt;h1&gt;Thanks for downloading...&lt;/h1&gt;&lt;/div&gt;
                                                    &lt;META HTTP-EQUIV="refresh" CONTENT="2;~GetEventFile~;";&gt;
                                                &lt;/table&gt;

                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;div class="spacer"&gt;&amp;nbsp;&lt;/div&gt;
                                        &lt;div id="footer"&gt;Copyright &amp;copy; Monitoring System&lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/body&gt;
    &lt;/html&gt;
</code></pre>

<p>~GetEventFile~ will give me file name at run time.</p>