Logo N
Création d'un site
ordinateur sur une table
Prêt à coder 😃
Nadège BONIN
HTML5 et CSS3

4-2 : Créez des formulaires ici

Procédure de création d'un formulaire. Suivre les étpapes suivantes. Plus d'informations : MDN et W3.

ici‹form› Balise paire qui va contenir tous les éléments lié au formulaire.
iciaction Attribut qui indique l'adresse de la page qui va traiter les informations.
icimethod Attribut qui indique par quel moyen les données vont être envoyées, valeur "get" ou "post".
ici‹input› Balise orpheline qui permet d'insérez le champs de saisie.
icitype Attribut qui indique la zone de texte en monoligne par la valeur "text".
iciname Attribut qui identifit les informations envoyées par l'utilisateur..
ici‹label› Balise qui permet de mettre un libellé, un titre.
iciid Attribut qui indique à l'input le nom du champs.
icifor Attribut qui va reprendre la valeur de l'id dans la balise ‹label›.

Autres types d'exemples : vérification de la gestion des types de champs par les navigateurs : ici

ici"passeword" Valeur pour la saisie d'un mot de passe.
ici"email" Valeur pour la saisie d'un email.
ici"url" Valeur pour la saisie d'un lien hypertexte.
ici"tel" Valeur pour la saisie d'un numéro de téléphone.
ici"range" Valeur pour obtenir un curseur.
ici"number" Valeur pour la saisie d'un nombre entier.
ici"date" Valeur pour la saisie de dates.
ici"time" Valeur pour la saisie d'heures.
ici"week" Valeur pour la saisie de semaines.
ici"month" Valeur pour la saisie de dates et d'heures.
ici"datetime" Valeur qui n'est plus pris en charge par HTML, voir les valeurs date + time.
ici"datetime-local" Valeur pour la saisie de dates (sans gestion du décalage horaire).
icimin / max / step Attribut pour la saisie d'un nombre entier.
ici"search" Valeur pour une barre de recherche.
iciliste déroulante 1 Exemple pour une liste déroulante.
iciliste déroulante 2 Autre exemple pour une liste déroulante.
ici"button" Valeur pour créer un bouton.
icionclick Attribut qui créer un message d'alerte ou clic d'un bouton.
ici"radio" Valeur pour des cases à coher pour un seul choix possible.
ici"checkbox" Valeur pour des cases à coher pour des choix multiples.
icichecked Attribut pour qu'un case soit cocher par defaut.

Modifier l'apparence, exemples :

CSS : les modifications sont les mêmes que pour un block.
iciCSS Langage pour modifier l'apparence.
HTML : les modifications sont moins grandes qu'avec CSS.
icisize Attribut pour la taille du texte.
icimaxlenght Attribut pour définir le nombre de caratères dans la zone de saisie.
icivalue Attribue pour définir le contenu du bouton qui indique l'action (exemple : envoyer, enregistrer..).
iciplaceholder Attribut pour définir le type de saisie à effectuer.
ici‹textarea› Balises paires pour créer une zone de saisie.
Page précédenteHaut de pagePage suivante