Comment effacer un formulaire?
Par exemple j'ai un formulaire comme ceci:
<form method='post' action='someaction.php' name='myform'>
<input type='text' name='text1'>
<input type='text' name='text2'>
<input type='checkbox' name="check1">Check Me
<textarea rows="2" cols="20" name='textarea1'></textarea>
<select name='select1'>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<input type='reset' value='Reset' name='reset'>
<input type='submit' value='Submit' name='submit'>
</form>
Lorsque j'appuie sur Reset
il vide tous les champs. Mais si je remplir certains champs en utilisant l'URL params puis appuyez sur Reset
il ne se vide les champs qui je entrer après la forme de rechargement.
Comment puis-je vide tous les champs de savoir si certains champs sont déjà remplies au moment du chargement du formulaire.
source d'informationauteur Student
Vous devez vous connecter pour publier un commentaire.
Comme d'autres l'ont signalé, je pense que vous devriez reconsidérer la nécessité de vide la forme.
Mais, si vous avez vraiment besoin de cette fonctionnalité, c'est une façon de le faire:
Plaine Javascript:
Remarque que j'ai commenté l'affaire dans laquelle j'ai effacer le
hidden
entrées. La plupart du temps, ce n'est pas nécessaire.Pour que cela fonctionne, vous devez appeler la fonction de la
onclick
gestionnaire d'un bouton (ou d'une autre façon), comme ceci:Vous pouvez tester tous ici sur jsFiddle.
Si vous utilisez jQuery dans votre projet, vous pouvez le faire avec beaucoup moins de code (et pas besoin de modifier le code HTML):
Aussi, sachez que je ne désactivez pas la valeurs de caché entrées, cases à cocher et des boutons radio.
Jouer avec cette ici.
En jquery simplement que vous pouvez utiliser,
Vous devrez les supprimer tous à l'aide de javascript (ou de l'annuler, côté serveur).
La
reset
bouton réinitialiser uniquement les éléments de formulaire à leur valeur initiale - si c'était une valeur spécifique, c'est ce qu'il sera remis à.Si vous utilisez jQuery, le code est beaucoup plus simple:
Vous pouvez également supprimer l' :caché de la .pas de sélecteur, si vous souhaitez effacer les champs cachés.
La façon la plus simple pour effacer un formulaire à l'aide de la balise HTML
Exemple:
J'ai résumé quelques-unes des suggestions en utilisant jQuery pour donner une solution plus complète à la question:
Notez que j'ai ajouté l'inclusion de la lib jquery dans la section d'en-tête et a ajouté une
onclick
gestionnaire pour le bouton de Réinitialisation. Enfin, j'ai ajouté le code javascript basé sur les commentaires de certains autres réponses ici.J'ai aussi ajouté une valeur prédéfinie à un champ de texte. Le
val('')
ne serait pas clair tel domaine, c'est pourquoi j'ai également ajoutéattr('value','')
à la dernière ligne du script à clair de telles valeurs par défaut.Vous pouvez faire quelque chose de semblable en JS et l'appeler à partir d'
onclick
au sein de votre bouton:Et ensuite dans votre fichier HTML:
Si vous arrive d'utiliser cette solution avec Firebase, il en fait de ne pas envoyer quoi que ce soit à la base de données, sauf si vous ajoutez
return false
juste après l'appel.Je viens de tomber sur cette question et ont utilisé un
<a>
pour faciliter le dégagement d'un formulaire par le rechargement de la page. Il est facile de style un<a>
élément d'apparaître comme un bouton.par exemple
Par l'aide ? pour l'attribut href, la
<a>
recharger la page à partir du serveur sans le soumettre.Je préfère les solutions qui ne dépendent pas de JavaScript donc j'espère que c'est utile à quelqu'un.
À l'aide de JavaScript donner la forme d'un ID de 'myform':