JSFiddle - React, Tailwind, and code Playground

by portueno

HTML

<form id="DEA" style="text-align:center">
        <table style="width:100%; padding-top:7px;">
          <tr>
            <!-- Filtro por NOMBRE -->
            <td colspan="2"><select name="0DEAnombres" id="0DEAnombres" onchange="bAcciones0('N0')" style="font-size:11.5px;width:230px">
                <option value = "-1" style="color:#CCC;" selected="selected" >Persona...</option>
                <?php while($fila = mysql_fetch_row($Responsable)){echo '<option value= "'.$fila[0].'">'.$fila[1].'</option>';} ?>
              </select></td>
              
            <!-- Filtro por PERDIDA -->
            <td colspan="2"><select name="0DEAPerdida" id="0DEAPerdida" style="font-size:11.5px;width:200px" onChange="bAcciones0('N0')">
		<option value = "-1" style="color:#CCC;" selected="selected" >PĂ©rdida...</option>
    	<?php while ($provisional=mysql_fetch_row($Perdida)){?> <option value = "<?php echo $provisional[0] ?>"><?php echo $provisional[1] ?></option><?php } ?></select></td>
              
              
            <!-- Filtro por STATUS -->
            <td><select name="0DEAstatus" id="0DEAstatus" onchange="bAcciones0('N0')" style="font-size:11.5px;">
                <option value = "-1" style="color:#CCC;" selected="selected" >Status...</option>
                <option value = "1">Abierta</option>
                <option value = "2">Demorada</option>
                <option value = "3">Cerrada</option>
                <?php while($fila = mysql_fetch_row($sql)){echo '<option value= "'.$fila[0].'">'.$fila[1].'</option>';} ?>
              </select></td>
<!-- Filtro por FECHA -->
            <td><div>Fecha:
              <input type="text" name="calendario0" id="calendario0" size="21" readonly="readonly" onchange="bAcciones0('N0')"/><img src="/Heinekencloud/Imagenes/Iconos/Borrar.png" onclick="limpiarFecha('calendario0');bAcciones0('N0');" style="margin-left:5px;"/></td>
          </tr>
        </table>
      </form>