Les formulaires envoyer, traiter et recevoir des valeurs

Mise en place de formulaire en HTML sur son site internet afin de permettre à l’utilisateur de saisir des informations pour une recherche ou un formulaire.

La mise en place de formulaire sur sa page internet est facile et dans sa forme la plus simple ne nécessite pas de beaucoup de chose. La récupération des variables se fait dans cet article.

Structure du formulaire

Voici la structure du formulaire de base :

<form method="" action="">
     <input type="" name="" value=""/>
     <input type="" name="" value=""/>
     ...
     <input type="" name="" value=""/>
</form>

Explication sur le contenu du formulaire :

« Method », la méthode utilisée pour l’envoi

Nous avons deux possibilités, la méthode GET et POST.

Méthode GET

Les données du formulaires seront envoyées par la barre d’adresse, nous obtiendrons donc une adresse url de ce type : http://www.mondomaine.com/forum.php?page=html&message=1.

Méthode POST

Les données seront envoyés de manière cachée.

Quelles méthodes choisir ? Que ce soit l’une ou l’autre, les deux fonctionneront et surtout, il faudra toujours contrôler les données transmises. Pour la mise en place de l’Url Rewriting sur ce site, j’ai utilisé la méthode GET qui permet d’afficher des informations dans la barre d’adresse, le serveur traite ensuite cette url.

Dans les deux cas, les données devront être traité au moins par un code (javascript ou php ou d’autre) pour les utiliser. Avec la méthode GET, le javascript suffit, pour la méthode POST, il faut faire appel au PHP.

« action », vers quoi les données sont envoyées

Lorsque le formulaire est validé, on indique pour l’action la page que l’on veut afficher action= »/exemple.html » , à la validation, la page exemple.html sera ouverte. action= » » rechargera la page actuelle.

Les entrées du formulaire

Le type d’entrée, bouton, texte, nombre, mail etc est décrit comme ceci type= »type_entrée »
Je vais faire une petite liste des entrées possibles :

Syntaxe Type de donnée
Données de type texte sans restriction
Données de type nombre sans restriction
Les valeurs sont cachées
Les valeurs sont choisies avec un curseur
Les valeurs sont sélectionnées avec un bouton
Liste déroulante
Le textarea permet une saisie multiligne
Bouton permettant de valider et d’envoyer le formulaire
Le bouton reset remet à zéro ou au valeur par défaut le formulaire

Voilà de quoi commencer à faire des formulaires de base. Il en existe d’autres que j’essaierai de rajouter au fur et à mesure.

Informations sur les formulaires et les entrées

Rendre obligatoire un champ

Pour rendre obligatoire une saisie ou un choix, il suffit de placer l’option « required » comme suit :

<input type="text" value="nom" required />

Tant que rien n’aura été saisie, le formulaire ne sera pas envoyé.

Ne jamais faire confiance

Après l’envoi et avant le traitement des données envoyées, il faut toujours mettre en place un contrôle pour s’assurer que rien ne se passera.

Erreur de saisie

Si une erreur de saisie est faite ou bien que la saisie ne correspond pas au type de l’input, le formulaire ne sera pas envoyé, il faut donc bien choisir son type d’entrée et en profiter pour mettre un premier contrôle.

Voilà comment faire un formulaire.

Laisser un commentaire