JSFiddle - React, Tailwind, and code Playground

HTML

<form id="configform" name= "input" action="#" method="get">
     <tr><td style="text-align: center">1</td>
         <td><img src= "static/switch.png" height="100px" width="108px"></td>
         <td id="small"><input style="background: white; color: black;" type="text" value="" id="number_one"></td>
          <td><input style="background: white; color: black;" type="text"  id="label_one"></td>
      </tr>
      <tr>
          <td style="text-align: center">2</td>
          <td><img src= "static/switch.png" height="100px" width="108px"></td>
          <td id="small"><input style="background: white; color: black;" type="text" id = "number_two" value=""></td>
           <td><input style="background: white; color: black;" type="text"  id = "label_two"></td>
      </tr>
      <tr>
           <td style="text-align: center">3</td>
           <td><img src= "static/switch.png" height="100px" width="108px"></td>
           <td id="small"><input style="background: white; color: black;" type="text" id="number_three" value=""></td>
           <td><input style="background: white; color: black;" type="text" id="label_three"></td>
      </tr>
      <tr>
            <td style="text-align: center">4</td>
            <td><img src= "static/switch.png" height="100px" width="108px"></td>
            <td id="small"><input style="background: white; color: black;" type="text" id="number_four" value=""></td>
            <td><input style="background: white; color: black;" type="text" id="label_three"></td>
      </tr>
      <tr>
             <td></td>
             <td><input type="submit" id="configsubmit" value="Submit"></td>
      </tr>
      <tr>
                <td><input type="reset" id="configreset" value="Reset"></td>
      </tr>

</form>

JavaScript

$('#configreset').click(function(){
            $('#configform')[0].reset();
 });