title: How to forcefully download .csv file instead of getting in open on browser in html
body: <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>