Maison > Article > interface Web > Comment effacer toutes les entrées sous un formulaire HTML ?
Comment effacer toutes les entrées sous un formulaire HTML ?
- PHPzavant
- 2023-09-01 11:21:091149parcourir
À 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.
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>
Lorsque nous cliquons sur le bouton Effacer, le texte dans le champ de saisie (zone de texte) sera effacé.
La traduction chinoise deExemple 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>
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>
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>
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!