JSFiddle - React, Tailwind, and code Playground

by Fahd Murtaza

HTML

<form method="post">
<div><label>Amount $
    <input type="number" placeholder="0" required name="price" min="0" value="0" step="0.01" title="Currency" pattern="^\d+(?:\.\d{1,2})?$" onblur="
this.parentNode.parentNode.style.backgroundColor=/^\d+(?:\.\d{1,2})?$/.test(this.value)?'inherit':'red'
"></label></div>
  <input type="submit">
</form>