JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" method="post" class="form-validate" id="bidform">

<div class="input_wrapper"><input placeholder="Enter Zip Code" type="text" pattern="[0-9]{5,9}" 
oninvalid="setCustomValidity('Please enter valid zip')" id="zip" class="validate-numeric" required name="zip"></div>


<div class="submit_row"><input class="submit" value="Submit a Bid!" type="submit" name="subbid"></div>
</form>