Você pode redefinir facilmente todos os valores do formulário usando o botão HTML usando o atributo <input type = ”reset” >. Clicar no botão reset restaura o formulário ao seu estado original (o valor padrão) antes que o usuário comece a inserir valores nos campos, selecionar botões de rádio, caixas de seleção, etc. Pode haver muitos cenários. 

Neste artigo, aprenderemos como limpar o campo de entrada.

Sintaxe:

<input type="reset">

Exemplo:

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
          
        <form>
            <input type="text" 
                placeholder="Email address" 
                id="email" name="email" />
            <br /><br />
  
            <input type="password" 
                placeholder="Password" id="pin" 
                name="password" maxlength="8" />
            <br /><br />
  
            <input type="reset" value="Reset" 
                style="background-color: red; 
                        color: white" />
            <input type="submit" value="Submit" 
                style="background-color: green; 
                        color: white" />
        </form>
    </center>
</body>
  
</html>

Saída: