Un formulaire est composé de plusieurs éléments.
Comme il est necessaire d'avoir un minimum de connaissance de language de programmation (type PHP / ASP / node.js / etc...) je ne rentrerai pas dans les détails.
form
La balise <form>...</form> initie, à l'image d'un tableau, un nouveau formulaire. Tout éléments faisant partie du formulaire devra se trouver à l'intérieur de cette balise.
<form>...</form> prend au minimum deux attributs :
action="" : défini la cible du formulaire lors de sa validation.method="" : défini la méthode d'envoi des valeurs présentes dans le formulaire. (il en existe plusieurs, mais les deux principales sont GET et POST
input
La balise <input /> crée un nouveau champ dans le formulaire.
Son attribut type permet de lui donner plusieurs formes :
type="text" crée un champ de type texte : type="number" crée un champ de type nombre : type="password" crée un champ de type mot de passe : type="hidden" crée un champ caché à l'affichage : type="submit" crée un bouton du soumission du formulaire : <input /> possède 3 attributs que l'on retrouve tout le temps :
name="" : défini le nom du champ avec lequel on pourra récupérer la valeur.value="" : la valeur du champ. Par défaut il est vide, renseigner ce champs revient à préremplir le champ.placeholder="" : permet de préécrire dans le champ sans que celà soit concidéré comme une valeur. <input name="champ" value="" placeholder="entrez votre email ici" /> donne :
textarea
La balise <textarea>...</textarea> crée un champ de type texte sur pluieurs lignes. Sa dimension par défaut à l'affichage est paramétrable avec les attributs rows="" pour la largeur et cols="" pour la hauteur.
Exemple <textarea rows="4" cols="50">Je suis pré-rempli</textarea> :