WEB TUTO
  • Web Tuto
  • News
  • Apprendre a Creer un Site Web avec HTML et CSS
  • Hebergement
  • Nom de Domaine
  • Hebergeur
  • Tutoriel de Referencement et Optimisation SEO
  • 16 Verites Swagg Man
  • Photos Emma Watson
  • Emma Watson Scandale
  • Swagg Man et Emma Watson
  • Swagg Man Biographie

Créer un Formulaire HTML

Créer un Formulaire HTML



Alors comme ça vous voulez créer des formulaires interactifs et les ajouter dans vos pages web ?

Comme pour les tableaux que nous avons au chapitre précédent, les formulaires se composent d'une balise HTML principale ainsi que de nombreux autres éléments que l'on peut placer à l'intérieur de cette balise.

La balise principale pour créer un formulaire en HTML est la balise <form>. C'est dans cette balise que nous mettrons tous nos éléments relatifs au formulaire.

À cette balise <form> il faut ajouter deux attributs, l'un est optionnel mais je vous recommande vivement de le mettre.

Le premier attribut que nous allons préciser est l'attribut "method". Il indique la méthode que va utiliser le formulaire pour faire transiter l'information d'une page à une autre.

Cet attribut de méthode peut prendre deux valeurs :

  • get : les informations seront passées dans l'URL (la barre d'adresse), c'est une méthode que je trouve inadaptée aux formulaires mais qui a d'autres utilisations
  • post : les informations seront postées et ne seront donc pas visibles dans la barre d'adresse, c'est la méthode que nous utiliserons le plus souvent lorsque l'on traitera des formulaires

Le second attribut que nous allons voir est optionnel, il s'agit de l'attribut "action". Cet attribut d'action indique vers où seront postées ces informations, on peut y mettra une adresse relative ou absolue.

Si on n'indique pas de valeur à l'attribut "action" ou si on ne le met pas tout court, les informations seront postées vers la page actuelle.

Pour notre exemple nous allons prendre une page fictive "cible.html".

Voici les liens de navigation rapide du chapitre Les formulaires :
1. Créer un formulaire
2. Zone de saisie
3. Saisies avancées
4. Éléments d'options
5. Envoi du formulaire


N'hésitez pas à partager ce tuto !



Commentaires

Powered by Create your own unique website with customizable templates.