Comment activer le bouton et soumettre le formulaire en même temps ?-tutoriel HTML-php.cn

Comment activer le bouton et soumettre le formulaire en même temps ?

WBOY

Libérer： 2023-08-31 16:13:03

avant

653 Les gens l'ont consulté

Comment activer le bouton et soumettre le formulaire en même temps ?

Chaque formulaire HTML possède un attribut d'action qui interagit avec le côté serveur. Lorsqu'un formulaire est soumis, l'attribut d'action HTML est utilisé pour spécifier où les données du formulaire doivent être transférées vers le serveur. Chaque bouton nous amène au même endroit car l'attribut action stocke la destination des données.

Bouton HTML

Les boutons cliquables sont définis par des balises

Grammaire

Ce qui suit est la syntaxe du HTML

<form action="#" method="post">
   <button type="submit">click</button>
</form>

Copier après la connexion

Pour mieux comprendre comment activer le bouton et soumettre le formulaire en même temps.

Exemple

Dans l'exemple ci-dessous, nous allons créer un formulaire qui soumet le formulaire et active le bouton en même temps.

<!DOCTYPE html>
<html>
   <body>
      <form action="https://www.tutorialspoint.com/index.htm" method="post">
         Username:<br>
         <input type="text" name="username">
         <br>
         Password:<br>
         <input type="password" name="password">
         <br><br>
         <button type="submit" formaction="https://www.tutorialspoint.com/index.htm">
         Signin
         </button>
      </form>
   </body>
</html>

Copier après la connexion

Lorsque le script s'exécutera, il générera une sortie contenant un formulaire avec des champs de saisie et cliquera sur les boutons de la page Web. Lorsque l'utilisateur clique sur le bouton, le formulaire est soumis et une nouvelle page s'affiche.

Exemple

Considérez l'exemple suivant, nous allons créer un formulaire, créer un bouton bascule et soumettre le formulaire en même temps.

<!DOCTYPE html>
<html>
   <body style="background-color:#D5F5E3 ;">
      <form action="https://www.tutorialspoint.com/index.htm" method="post">
         <label for="courses">Choose Courses:</label>
         <select name="courses" id="courses">
            <option value="HTML">HTML</option>
            <option value="Java">Java</option>
            <option value="Python">Python</option>
            <option value="CSS">CSS</option>
         </select>
         <br><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

Copier après la connexion

Lors de l'exécution du script ci-dessus, une fenêtre de sortie apparaîtra affichant une liste déroulante et un bouton de soumission. Lorsque l'utilisateur clique sur le bouton Soumettre, le formulaire sera soumis et une nouvelle page sera ouverte en même temps.

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!