JSFiddle - React, Tailwind, and code Playground

by davehol

HTML

<style>
  input[type=mobile] {
    padding: 5px 10px;
    border-radius: 3px;
  }

</style>
<p style="color: #FFFFFF">If you’re returning to study, it’s a lot easier if you know what to expect ahead of time. <br> <br> Register your details below to download a copy of our Returning to learning guide. It contains advice about what starting or returning to uni can look like and our tips on how to prepare. </p>
<form id="salesforceform" action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST" class="enquiry-form hintsTooltip labelsRightAligned"> <input type="hidden" name="oid" value="00D7F000000yg1h"> <input type="hidden" name="retURL" value="http://www.rmit.edu.au/study-with-us/applying-to-rmit/returning-to-study/success"> <input type="hidden" name="recordType" value="0127F000000yg3I" /> <input type="hidden" name="lead_source" value="Webform" /> <input type="hidden" id="00N7F00000QiiD8" name="00N7F00000QiiD8" title="Lead Source Detail" value="Returning to study" /> <input type="hidden" id="faq_referer" name="faq_referer" value="">
  <div>
    <div style="width: 45%; float: left">
      <div class="input-container name no-pad"> <label for="first_name">First name<span class="required">Required</span></label> <input type="text" maxlength="80" aria-required="true" required="" class="required" id="first_name" name="first_name" value="" aria-labelledby="tfa_1-L" placeholder=""> </div>
    </div>
    <div style="width: 50%; margin-left: 50%">
      <div class="input-container name no-pad"> <label for="last_name">Last name<span class="required">Required</span></label> <input type="text" maxlength="80" aria-required="true" required="" class="required" id="last_name" name="last_name" value="" aria-labelledby="tfa_1-L" placeholder=""> </div>
    </div>
  </div>
  <div class="input-container email no-pad"> <label for="email">Email address<span class="required">Required</span></label> <input type="email" maxlength="80" aria-required="true"...