Como redefinir todos os valores do formulário usando um botão em HTML?
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:
As postagens do blog Acervo Lima te ajudaram? Nos ajude a manter o blog no ar!
Faça uma doação para manter o blog funcionando.
70% das doações são no valor de R$ 5,00...
Diógenes Lima da Silva