Maison >interface Web >tutoriel HTML >Comment pouvons-nous réinitialiser tous les champs de saisie du formulaire HTML ?
Comment pouvons-nous réinitialiser tous les champs de saisie du formulaire HTML ?
- PHPzavant
- 2023-09-20 17:37:01910parcourir
Dans cet article, nous verrons comment réinitialiser tous les champs de saisie dans les formulaires HTML. Ici, nous utilisons le bouton de réinitialisation pour effacer les champs de saisie du formulaire HTML.
Dans les formulaires HTML, nous utilisons les balises pour obtenir la saisie de l'utilisateur. Pour effacer toutes les entrées d'un formulaire HTML, réinitialisez-le à l'aide de la balise avec l'attribut type.
Grammaire
Voici la syntaxe du bouton de réinitialisation.
<input type="reset">
Exemple 1
L'exemple suivant montre comment réinitialiser tous les champs de saisie dans un formulaire HTML.
Dans cet exemple, nous utiliserons le bouton de réinitialisation pour effacer le texte dans le champ de texte.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Clear all the input in HTML forms</title>
</head>
<body>
<form>
<input type="text" name="input" />
<input type="reset" value="reset" />
</form>
</body>
</html>
Après avoir cliqué sur le bouton de réinitialisation, le formulaire est effacé.
Exemple 2
L'exemple suivant montre comment réinitialiser tous les champs de saisie dans un formulaire HTML.
Dans cet exemple, nous utiliserons le bouton de réinitialisation pour effacer le texte dans le champ de texte.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>reset example</title>
</head>
<body>
<form>
Enter name:</br>
<input type="text" name="input" /></br>
Enter Age:</br>
<input type="text" name="input1" /></br>
<input type="reset" value="reset" />
</form>
</body>
</html>
Après avoir cliqué sur le bouton de réinitialisation, le formulaire est effacé.
Exemple 3
Vous pouvez essayer d'exécuter le code suivant pour effacer toutes les entrées du formulaire HTML -
<!DOCTYPE html>
<html>
<body>
<form>
Student Name:<br>
<input type="text" name="sname">
<br>
Student Subject:<br>
<input type="text" name="ssubject">
<br>
<input type="reset" value="reset">
</form>
</body>
</html>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!