JSFiddle - React, Tailwind, and code Playground

by rjurd

HTML

<fieldset name="clubfields" disabled>
  <legend>
    <label>
      <input type="checkbox" name="club"
          onchange="form.clubfields.disabled = !checked">
      Use Club Card
    </label>
  </legend>
  <p><label>Name on card: <input name=clubname required></label></p>
  <p><label>Card number: <input name=clubnum required pattern="[-0-9]+">
         </label></p>
  <p><label>Expiry date: <input name=clubexp type=month></label></p>
</fieldset>