JSFiddle - React, Tailwind, and code Playground

by Shanid

HTML

<form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" class="lf leadform" id="" method="post" name="lform"><input name="oid" type="hidden" value="00D300000007gX1"><input id="" name="retURL" type="hidden" value=""><div class="input"><label>First Name:<span class="red">*</span> </label><input autocomplete="OFF" class="text first_name" id="" maxlength="40" name="first_name" required="" size="40" type="text"></div>
<div class="input"><label>Last Name:<span class="red">*</span> </label><input autocomplete="OFF" class="text last_name" id="" maxlength="80" name="last_name" required="" size="40" type="text"></div>
<div class="input"><label>Email:<span class="red">*</span> </label><input autocomplete="OFF" class="text email" id="" maxlength="80" name="email" required="" size="40" type="email"></div>
<div class="input"><label>Phone No:<span class="red">*</span> </label><input autocomplete="OFF" class="text phone" id="" maxlength="40" name="phone" required="" size="40" type="text"></div>
<div class="input" style="display:none;"><label>Lead Source: </label><input class="text lead_source" id="" maxlength="40" name="lead_source" required="" size="40" type="text"></div>
<div class="input"><label>Company:<span class="red">*</span> </label><input class="text company" id="" maxlength="40" name="company" required="" size="40" type="text"></div>
<div class="buttons"><span class="formerror" style="display:none; color:#F00">Error!</span><span class="formsuccess" style="display:none; color:#0C0">Submitted!</span><input name="leadsource" type="hidden" value="accountingbook-web"><input name="button" type="submit" value="View"></div>
</form>
    
    <form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" class="lf leadform" id="" method="post" name="lform"><input name="oid" type="hidden" value="00D300000007gX1"><input id="" name="retURL" type="hidden" value=""><div class="input"><label>First Name:<span class="red">*</span>...

JavaScript

$('.text').change(function () {
    $('.first_name').val($('.first_name').val());
    $('.last_name').val($('.last_name').val());
    $('.email').val($('.email').val());
    $('.phone').val($('.phone').val());
    $('.company').val($('.company').val());
});