auto bouton destruct en html

Question

Est-il possible de détruire un bouton HTML. Si l'utilisateur clique dessus parce qu'il a déjà atteint son objectif après avoir cliqué.

Answer 1

Oui, vous pouvez le désactiver ou le cacher. Exemple:

<input type="button" onclick="this.disabled=true;" /> 

Toutefois, si vous faites cela au bouton d'envoi, il se peut qu'il ne fonctionne pas correctement. La valeur du bouton ne sera pas inclus dans les données de formulaire, donc si le serveur recherche les données de bouton pour savoir ce qu'il était à l'origine de la forme de soumettre, il ne le trouvera pas.

Answer 2

Oui, il est possible, en utilisant JavaScript pour définir sa propriété CSS « ​​d'affichage » à « none ».

Voir aussi Seven ways to toggle an element with JavaScript.

Answer 3

Vous pouvez le faire avec JavaScript:

<button onclick="this.parentNode.removeChild(this)">Label</button> 

Answer 4

Oui, vous pouvez le faire comme ceci:

<input type="button" onclick="this.style.display = 'none';"> 

Answer 5

Je pense que vous pouvez le faire aussi par

<input type="button" onclick="this.style.visibility='hidden';">