Programação em HTML

Front-end HTML
#1

Gostaria de saber se alguém sabe me informar como faço para que ao selecionar o ano e a data no datalist venha aparecer arquivos em xml que eu possa fazer download.

segue o codigo

        <div/>
        <form action="#" method="post" name="contatos">
        <div id="page-inner">
            <h4>Selecione o Ano</h4>
            <input type="text" name="anoxml" list="anos" placeholder="Selecione o Ano">
                <datalist id="anos">
                    <option value="2018"></option>
                    <option value="2019"></option>
                    <option value="2020"></option>
                </datalist>
           
            <h4>Baixar XML Referente ao mês<h4/>
                <input type="text" name="mesxml" list="xml" placeholder="Selecione o mês">
                <datalist  id="xml" >
                    <option value="JANEIRO"></option>
                    <option value="FEVEREIRO"></option>
                    <option value="MARÇO"></option>
                    <option value="ABRIL"></option>
                    <option value="MAIO"></option>
                    <option value="JUNHO"></option>
                    <option value="JULHO"></option>
                    <option value="AGOSTO"></option>
                    <option value="SETEMBRO"></option>
                    <option value="OUTUBRO"></option>
                    <option value="NOVEMBRO"></option>
                    <option value="DEZEMBRO"></option>    
                </datalist>
                <input type="submit" name="Pesquisar">

</tr>

<tr>
  <th scope="row">2</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">3</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">4</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">5</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">6</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">7</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">8</th>
 <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">9</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">10</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">11</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
<tr>
  <th scope="row">12</th>
  <td>
    <a href="#"><i style="font-size:24px" class="fa">&#xf019;</i></a>
  </td>
</tr>
1 
    </div>
    </form>
#2

:+1::+1::+1: