JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" id="form">
  <div class="input-con">
     <label for="id_FName">Фамилия</label>
     <input type="text" id="id_FName" name="id_FName" class="field" required>
  </div>
  
  <div class="input-con">
    <label for="id_Name">Имя</label>
    <input type="text" id="id_Name" name="id_Name" class="field" required>
  </div>
  
  <div class="input-con">
    <label for="id_MName">Отчество</label>
    <input type="text" id="id_MName" name="id_MName" class="field" required>
  </div>
  
  <input type="submit" value="Вывести введённые данные">
</form>

<div id="formPreview"></div>

JavaScript

var form = $('#form');
var preview = $('#formPreview');

function writePreview(event){
	
  event.preventDefault();
  
  var field = form.find('.field');
  
  var previewList = '';
  
  field.each(function(index, el){
  	
    var fieldValue = $(el).val();
    var fieldLabel = $(el).prev('label');
    var fieldTitle = fieldLabel.text();
    
      console.log(fieldLabel);
    
    previewList += '<div><b>'+fieldTitle+'</b>: '+fieldValue+'</div>';
    
  });
  
  preview.html(previewList);
  
}

form.on('submit', function(event){
	
  writePreview(event);
  
});