JSFiddle - React, Tailwind, and code Playground
HTML
<input id="pC" name="pC" type="text"placeholder="Blah" class="form-control valid" maxlength="10" value="" disabled="disabled">
<br><br>
<span id="pC">Blah</span>
<input id="pC" name="pC" type="text"placeholder="Blah" class="form-control valid" maxlength="10" value="" disabled="disabled">
<br><br>
<span id="pC">Blah</span>