Comment effacer toutes les entrées sous un formulaire HTML ?-tutoriel HTML-php.cn

Comment effacer toutes les entrées sous un formulaire HTML ?

PHPz

Libérer： 2023-09-01 11:21:09

avant

1169 Les gens l'ont consulté

À l'aide des formulaires HTML, vous pouvez facilement obtenir les commentaires des utilisateurs. Utilisez la balise

pour ajouter des éléments de formulaire afin de capturer les entrées de l'utilisateur. Différents types d'éléments de formulaire incluent les entrées de texte, les entrées de boutons radio, les boutons de soumission, etc.

La balise vous aide à obtenir la saisie de l'utilisateur en utilisant l'attribut type. Pour effacer toutes les entrées dans un formulaire HTML, utilisez la balise avec l'attribut type reset.

Comment effacer toutes les entrées sous un formulaire HTML ?

Exemple 1

L'exemple suivant montre comment effacer toutes les entrées dans un formulaire HTML.

Dans cet exemple, nous utiliserons document.getElementId 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>Remove HTML</title>
</head>
<body>
   <form>
      <input type="button"
      value="click here to clear"
      onclick="document.getElementById('inputText').value = '' "/>
      <input type="text" value="Tutorix" id="inputText" />
   </form>
</body>
</html>

Copier après la connexion

Lorsque nous cliquons sur le bouton Effacer, le texte dans le champ de saisie (zone de texte) sera effacé.

La traduction chinoise de

Exemple 2

est :

Exemple 2

L'exemple suivant montre comment effacer toutes les entrées 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

Lorsque nous cliquons sur le bouton Effacer, le texte dans le champ de saisie (zone de texte) sera effacé.

Exemple 3

L'exemple suivant montre comment effacer toutes les entrées dans un formulaire HTML.

Dans cet exemple, nous allons utiliser la méthode onclick() 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"
      value="Tutorix is the best e-learning platform"
      onclick="this.value=''"/>
   </form>
</body>
</html>

Copier après la connexion

La traduction chinoise de

Exemple 4

est :

Exemple 4

Vous pouvez essayer d'exécuter le code suivant pour effacer toutes les entrées de votre 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

Une fois que vous aurez cliqué sur le bouton de réinitialisation, le formulaire sera effacé.

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!