JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<form action="" method="post">
<input type="text" name="name" placeholder="Ваше ФИО"><br><br>
<input type="text" name="phone" placeholder="Телефон"><br><br>
<select name="category">
<option selected disabled>Тип сайта</option>
<option>Визитка</option>
<option>Лендинг</option>
</select><br><br>
<input type="radio" name="tarif" id="a" value="Тариф 1"> Тариф 1
<input type="radio" name="tarif" id="b" value="Тариф 2"> Тариф 2<br><br>
<input type="checkbox" name="pack" id="a" value="Пакет 1"> Пакет
<input type="checkbox" name="pack" id="b" value="Пакет 2"> Пакет
</form>

<h2>Договор</h2>
<p>Заказчик: <span></span></p>
<p>Телефон: <span></span></p>
<p>Заказал: <span></span></p>
<p>Тариф: <span></span></p>
<p>Пакет: <span></span></p>

JavaScript

$(function() {
    $("form").on("input change", function() {
        var out = $("p span"),
            data = $(this).serializeArray();
        $.each(out, function(i, el) {
            $(el).html(data[i].value);
        });
    })
});