JSFiddle - React, Tailwind, and code Playground

by Marwen Trabelsi

HTML

<div id="header">
  <h2 align="center" style="color: #FFFFFF">Edit Recept</h2>
</div>

<div id="content">
<div id="form-wrapper">
  <form method="post" action="Front">

    <table>

      <tr>
        <td>ID </td>
        <td>Name</td>
        <td>Select commodity</td>
        <td>Weight</td>
        <td>Tolerance</td>

      </tr>

      <tr>
        <td><input type="text" name="Id" /></td>
        <td><input type="text" name="name" /></td>
        <td><select>
          <option value="" disabled="disabled" selected="selected">Please select Commodity</option>
          <option value="1">One</option>
          <option value="2">Two</option>
        </select></td>
        <td><input type="text" name="tolerance" /></td>
        <td><input type="text" name="name" /></td>
      </tr>
    </table>

    <br />
    <input type="submit" value="Save" />
    <input type="reset" value="Cancel" />
    <input type="hidden" name="whichPage" value="prescription"/>
  </form>

</div>
<p align="center">
  Enter the new values and press save to make the change
</p>
</div>