国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Maison interface Web js tutoriel Comment empêcher un bouton externe de soumettre un formulaire en HTML??

Comment empêcher un bouton externe de soumettre un formulaire en HTML??

Oct 26, 2024 pm 04:22 PM

How to Stop an External Button from Submitting a Form in HTML?

Comment empêcher un bouton HTML de soumettre un formulaire

Dans le développement Web, placer un bouton en dehors d'un formulaire vous permet généralement d'exécuter du JavaScript ou d'autres actions personnalisées en cliquant. Cependant, dans certains cas, ces boutons externes peuvent involontairement soumettre le formulaire à proximité duquel ils sont placés. Cela peut être frustrant lorsque vous souhaitez que le bouton remplisse une fonction distincte.

Considérez le scénario suivant?:

<code class="html"><form id="myform">
    <label>Label <input /></label>
</form>
<button>My Button</button></code>

Lorsque vous cliquez sur l'élément ? Mon bouton ?, vous pouvez vous attendre à ce qu'il déclencher JavaScript. Cependant, il soumet le myform de manière inattendue.

Pour résoudre ce problème, le code HTML du bouton doit être modifié pour l'empêcher de soumettre le formulaire?:

<code class="html"><button type="button">My Button</button></code>

Ajout de l'attribut type avec une valeur de "bouton" précise explicitement que le bouton n'est pas destiné à soumettre le formulaire, désactivant ainsi sa fonctionnalité de soumission.

Mise à jour (5 février 2019)?:

Selon Conformément au HTML Living Standard et à la spécification HTML 5, l'absence d'un attribut de type ou une valeur non valide pour l'attribut de type entra?ne le bouton par défaut sur l'état du bouton de soumission.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefa?on, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Javascript contre Java: Quelle langue devez-vous apprendre? Javascript contre Java: Quelle langue devez-vous apprendre? Jun 10, 2025 am 12:05 AM

JavascriptSidealforWebDevelopment, tandis que JavasuitsLarge-ScaleApplicationsAndAndroidDevelopment.1) JavascriptExcelsInCreatingInteractiveWebexperiences andfull-stackdevelopmentwithnode.js.2)

Quels commentaires symboles à utiliser dans javascript: une explication claire Quels commentaires symboles à utiliser dans javascript: une explication claire Jun 12, 2025 am 10:27 AM

Dans JavaScript, le choix d'un commentaire à une seule ligne (//) ou d'un commentaire en plusieurs lignes (//) dépend de l'objectif et des exigences du projet du commentaire: 1. Utilisez des commentaires à une seule ligne pour une interprétation rapide et en ligne; 2. Utilisez des commentaires multi-lignes pour une documentation détaillée; 3. Maintenir la cohérence du style de commentaire; 4. évitez la sur-annulation; 5. Assurez-vous que les commentaires sont mis à jour de manière synchrone avec le code. Le choix du bon style d'annotation peut aider à améliorer la lisibilité et la maintenabilité de votre code.

Le guide ultime des commentaires JavaScript: améliorer la clarté du code Le guide ultime des commentaires JavaScript: améliorer la clarté du code Jun 11, 2025 am 12:04 AM

Oui, JavaScriptComments ararecessey et devraient être utilisés en fonction de la manière

Commentaires JavaScript: Explication courte Commentaires JavaScript: Explication courte Jun 19, 2025 am 12:40 AM

JavaScriptCommentsaSententialFormantaining, Reading et GuidingCodeEexecution.1) unique-linecomesaUSEUSEFORQUICKEXPLANATIONS.2) Multi-linecommentSExPlainComplexLogicorProvideTailedDocumentation.3) Inlinecomementsclarifypecifications

Java vs Javascript: effacer la confusion Java vs Javascript: effacer la confusion Jun 20, 2025 am 12:27 AM

Java et JavaScript sont différents langages de programmation, chacun adapté à différents scénarios d'application. Java est utilisé pour le développement des grandes entreprises et des applications mobiles, tandis que JavaScript est principalement utilisé pour le développement de pages Web.

Ma?triser les commentaires JavaScript: un guide complet Ma?triser les commentaires JavaScript: un guide complet Jun 14, 2025 am 12:11 AM

CommentairesaRecrucialInjavaScriptFormantAntaining ClarityandfosterringCollaboration.1) TheyHelpindebuggging, INBORDING et comprise compenser laveevolution.2) Utilisation de linecomments à la hauteur

Types de données JavaScript: une plongée profonde Types de données JavaScript: une plongée profonde Jun 13, 2025 am 12:10 AM

Javascripthasseveralprivevedatatypes: numéro, cha?ne, booléen, indéfini, nul, symbole, etbigint, et nonne-primitiveTypes lisebjectandarray.Cendurstanding theseiscrucialforwritingEfficient, bogue-freecode: 1)

JavaScript: Exploration des types de données pour un codage efficace JavaScript: Exploration des types de données pour un codage efficace Jun 20, 2025 am 12:46 AM

JavascripthSsevenfundamentalDatatypes: nombre, cha?ne, booléen, indéfini, nul, objet, andymbol.1) nombres usUseadouble-précisformat, utile

See all articles