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>