JSFiddle - React, Tailwind, and code Playground

HTML

<form id="recorte" method="post">
    <p>
      <label for="nome">Nome</label>
      <input type="text" id="nome" name="nome" title="Nome" />
    </p>
    
    <p>
      <label for="senha">Senha</label>
      <input type="password" id="senha" name="senha" title="Senha" />
    </p>
    
    <p>
      <label for="sexo">Sexo</label>
      <select id="sexo" name="sexo" title="Sexo">
        <option value="">--- ESCOLHA ---</option>
        <option value="F">Feminino</option>
        <option value="M">Masculino</option>
      </select>
    </p>
    
    <p>
      <input type="button" id="btn-limpar" value="Limpar selecao" />
    </p>
  </form>

CSS

article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }

JavaScript

$(function () {
     $('#btn-limpar').click(function () {
         $('#recorte').find(':input').clear();
     });
 });