Как сохранить в файле txt информацию из поля input? - Joomla 4 и Joomla 5: Общие вопросы

Здравствуйте!
Пожалуйста, подскажите:
Как при экспорте в файл HTML или txt информации из  <div id="main"> сохранить сведения, введенные в поле input?
  <div id="main">
    <span>Content of #main div goes here</span>
<input  type="text" id="fio"  data-original-title="Введите ФИО  /> <label for="fio" >ФИО </label>
  </div>
  <a href="#" id="downloadLink">Download the inner HTML of #main</a>
 
<script type="text/javascript" src="https://unpkg.com/jquery@1/dist/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function () {
  function downloadInnerHtml(filename, elId, mimeType) {
      var elHtml = document.getElementById(elId).innerHTML;
      var link = document.createElement('a');
      mimeType = mimeType || 'text/plain';
 
      link.setAttribute('download', filename);
      link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(elHtml));
      link.click();
  }
 
  var fileName =  'tags.html'; // You can use the .txt extension if you want
 
  $('#downloadLink').click(function(){
      downloadInnerHtml(fileName, 'main','text/html');
  });
});
</script>

Поняла. Надо сделать