HTML

Création de formulaires avec <form>

Création de formulaires avec <form>


La balise <form> est utilisée pour créer des formulaires interactifs dans une page HTML. Elle permet aux utilisateurs de saisir et de soumettre des données vers un serveur Web. Voici comment l'utiliser :


1. Structure de base d'un formulaire :


  • La balise <form> englobe tout le contenu du formulaire.
  • L'attribut action spécifie l'URL du script qui traitera les données du formulaire lors de la soumission.
  • L'attribut method définit la méthode HTTP à utiliser pour envoyer les données (GET ou POST).
  • Exemple :


<form action="/traitement_formulaire.php" method="post">
  <!-- Contenu du formulaire va ici -->
</form>


2. Ajout d'éléments de formulaire :


  • À l'intérieur de la balise <form>, vous pouvez ajouter différents types d'éléments de formulaire tels que des champs de texte, des boutons, des menus déroulants, etc.
  • Chaque élément de formulaire est défini avec sa propre balise, comme <input>, <textarea>, <select>, etc.
  • Exemple :


<form action="/traitement_formulaire.php" method="post">
  <label for="nom">Nom :</label>
  <input type="text" id="nom" name="nom">
  <br>
  <label for="email">Email :</label>
  <input type="email" id="email" name="email">
  <br>
  <input type="submit" value="Envoyer">
</form>


Conseils d'utilisation :


  • Utilisez action pour spécifier l'URL du script de traitement des données du formulaire.
  • Utilisez method="post" pour les données sensibles ou volumineuses et method="get" pour les données non sensibles.
  • Utilisez des balises <label> pour étiqueter chaque élément de formulaire afin d'améliorer l'accessibilité.


Conclusion :


En utilisant la balise <form> avec les éléments de formulaire appropriés dans votre fichier HTML, vous pouvez créer des formulaires interactifs pour permettre aux utilisateurs de saisir et de soumettre des données. Assurez-vous d'utiliser ces balises et attributs de manière appropriée pour garantir le bon fonctionnement et la sécurité de vos formulaires.

530 vues
Posté le 19 février 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
2 733 vues
Supprimer un ami
Nous allons repartir sur notre page voir_profil.php afin de compléter le code ci-dessous.<form method="post">   <?php     if(!isset($relation['id'])){   ?>  ...
Créer son site
658 vues
Qu'est-ce que PHP ?
Introduction à PHPPHP, acronyme de "Hypertext Preprocessor", est un langage de programmation côté serveur très populaire, principalement utilisé pour développer des sites Web dynamiques et...
PHP
1 593 vues
Voir plus de messages (1/2)
Dans cette nouvelle vidéo nous allons ajouter un bouton 'voir plus' qui va nous permettre de voir d'anciens messages. Nous allons commencer par mettre en place le bouton suivi du procédé pour voir...
Créer son site de rencontres
3 378 vues
Le protocole Open Graph
IntroductionLe protocole Open Graph permet à n'importe quelle page Web de devenir un objet riche dans un graphe social. Par exemple, ceci est utilisé...
Créer son site
609 vues
Utilisation de Fetch pour effectuer des requêtes HTTP
Utilisation de Fetch pour Effectuer des Requêtes HTTPLa méthode Fetch est une fonction native de JavaScript utilisée pour effectuer des requêtes HTTP vers des ressources distantes, telles que des...
JS
4 126 vues
Notre base de données
Avant de commencer notre cours pour créer notre système d'amis, nous allons commencer par créer notre table de relation.Pour cela nous avons besoin d'un demandeur et d'un receveur.Le demandeur est...
Créer son site
2 239 vues
Envoyer un message sans recharger la page (2/2)
Comme nous avons mis en place notre système en JavaScript / Ajax pour envoyer un message sans recharger notre page en cours nous allons maintenant enregistrer le message + afficher ce dernier dans...
Créer son site de rencontres
3 872 vues
Créer un topic
Créer un topicDans notre dossier **f_forum**, nous allons créer une nouvelle page creer_topic.php. Cette page permettra à vos utilisateurs de pouvoir créer un topic afin de demande de l'aide,...
Créer son site
Publicité
Cette pub permet au site de vivre ...