Comment pouvons-nous réinitialiser tous les champs de saisie du formulaire HTML ?-tutoriel HTML-php.cn

Comment pouvons-nous réinitialiser tous les champs de saisie du formulaire HTML ?

PHPz

Libérer： 2023-09-20 17:37:01

avant

860 Les gens l'ont consulté

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.

Comment pouvons-nous réinitialiser tous les champs de saisie du formulaire HTML ?

Grammaire

Voici la syntaxe du bouton de réinitialisation.

<input type="reset">

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!