Maison >interface Web >tutoriel HTML >Comment activer le bouton et soumettre le formulaire en même temps ?
Comment activer le bouton et soumettre le formulaire en même temps ?
- WBOYavant
- 2023-08-31 16:13:03654parcourir
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>
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>
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>
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!