Formulaires HTML

Les formulaires HTML sont utilisés pour collecter des informations saisies par l’utilisateur sur une page web.

Ils sont essentiellement utilisés pour envoyer des données au serveur pour, par exemple, s’authentifier, poster un commentaire …​

On peut aussi les utiliser pour agir localement sur le contenu de la page web (basculer l’affichage en mode jour ou nuit, masquer certains élements…​)

Contrôles de formulaire

HTML5 met à disposition un ensemble de contrôles/éléments de formulaire permettant la saisie d’informations de différents types :

<input>…​</input>

un contrôle versatile permettant la saisie d’informations diverses comme un nombre, une adresse mail, une date, un numéro de téléphone, un fichier, un mot de passe…​
La saisie peut, dans certains cas, se faire de différentes manières :

  • depuis un champ de formulaire renseigné à partir du clavier

  • depuis des cases à cocher

  • depuis des boutons “radio”

  • avec un curseur

    html input types
<select>…​</select>

un contrôle permettant la saisie d’une information à l’aide d’une liste déroulante

html select
<textarea>…​</textarea>

un contrôle autorisant la saisie d’un texte multi-lignes

html textarea

Ce sont les principaux contrôles de formulaire mais il en existe d’autres. Voir :

Exemple de formulaire

See the Pen Formulaire HTML by C.Defrance (@Ferandec) on CodePen.

🞄  🞄  🞄