Solution au problème selon lequel les formulaires dans les pages Web sont automatiquement soumis lorsque vous appuyez sur Enter_Basic knowledge

1. Lorsqu'il n'y a qu'un seul , appuyer sur la touche Entrée soumettra automatiquement le formulaire.

Copier le code Le code est le suivant :

Ajoutez-en un de plus

Copier le code Le code est le suivant :

Appuyer sur Entrée ne soumettra pas automatiquement, mais il est gênant d'afficher une zone de saisie inintelligible sur la page. J'ai alors trouvé deux solutions sur Internet :

. (1) Ajoutez un

Copier le code Le code est le suivant :

La zone de saisie ne sera pas affichée et elle ne sera pas soumise après avoir appuyé sur Entrée :

Copier le code

Le code est le suivant :

(2) Ajoutez un événement onkeydown, et il ne sera pas affiché après avoir appuyé sur Entrée :

Copier le code

Le code est le suivant :

Si vous souhaitez ajouter un événement de retour chariot, vous pouvez ajouter un formulaire de soumission de jugement dans l'événement onkeydown :

Copier le code

Le code est le suivant :

Parfois, nous voulons appuyer sur la touche Entrée dans la zone de texte (élément de saisie) pour soumettre le formulaire (formulaire), mais parfois nous ne le voulons pas. Par exemple, pour le comportement de recherche, vous souhaitez appuyer directement sur la touche Entrée après avoir saisi les mots-clés pour soumettre le formulaire immédiatement. Pour certains formulaires complexes, vous souhaiterez peut-être éviter d'appuyer accidentellement sur la touche Entrée pour déclencher la soumission du formulaire avant de terminer le remplissage du formulaire. . Pour contrôler ces comportements, il n'est pas nécessaire de recourir à JS. Le navigateur l'a déjà fait pour nous. Voici quelques règles :

S'il y a un bouton de type="submit" dans le formulaire, la touche Entrée prendra effet.

S'il n'y a qu'une seule entrée de type="text" dans le formulaire, quel que soit le type de bouton, la touche Entrée prendra effet.

Si le bouton n'est pas une entrée, mais un bouton, et qu'aucun type n'est ajouté, la valeur par défaut est type=button dans IE et type=submit dans FX.

Les autres éléments du formulaire tels que textarea et select ne seront pas affectés, et la case à cocher radio n'affectera pas les règles de déclenchement, mais elle répondra à la touche Entrée sous FX mais pas sous IE.

L'entrée de type="image" a le même effet que type="submit". Je ne sais pas pourquoi un tel type est conçu. Il est plus approprié d'utiliser CSS pour ajouter un arrière-plan. image.