Plusieurs boutons de soumission dans un formulaire HTML

Supposons que vous créez un assistant dans un formulaire HTML. Un bouton recule et un autre avance. Étant donné que le bouton retour apparaît en premier dans le balisage lorsque vous appuyez sur Entrée, il utilisera ce bouton pour soumettre le formulaire.

Exemple :

<form>
  <!-- put your cursor in this field and press Enter -->
  <input type='text' name='field1' />

  <!-- This is the button that will submit -->
  <input type='submit' name='prev' value='Previous Page' />

  <!-- But this is the button that I WANT to submit -->
  <input type='submit' name='next' value='Next Page' />
</form>

Ce que j'aimerais faire, c'est décider quel bouton est utilisé pour soumettre le formulaire lorsqu'un utilisateur appuie sur Entrée. Ainsi, lorsque vous appuyez sur Entrée, l'assistant passe à la page suivante, et non à la précédente. Devez-vous utiliser tabindex pour faire cela ?

请先 登录 后评论
Tri par défaut ordre chronologique

3 réponses

Polsonby

Si le fait que le premier bouton soit utilisé par défaut est cohérent d'un navigateur à l'autre, pourquoi ne pas les placer dans le bon sens dans le code source, puis utiliser CSS pour inverser leurs positions apparentes ? float les gauche et droite pour les inverser visuellement, par exemple.

请先 登录 后评论
FlySwat

Kevin, cela ne peut pas être fait avec du HTML pur. Vous devez compter sur JavaScript pour cette astuce.

Cependant, si vous placez deux formulaires sur la page HTML, vous pouvez le faire.

Form1 aurait le bouton précédent.

Form2 demanderait à tout utilisateur de saisir le bouton suivant.

Lorsque l'utilisateur appuie sur Entrée dans Form2, le bouton Soumettre suivant se déclenche.

请先 登录 后评论
qui

Cela peut fonctionner avec CSS

Mettez-les dans le balisage comme le bouton suivant en premier, puis le bouton précédent ensuite.

Utilisez ensuite CSS pour les positionner comme vous le souhaitez

请先 登录 后评论
  • 28 abonnés
  • 0 favoris，502 Feuilleter
  • Kevin posée à 2022-09-15 04:51

problème similaire