Cours par Webcam

Cours par Webcam

Formateur Web pour adultes depuis plus 11 ans, je vous propose des COURS collectifs par WEBCAM en LIVE pour booster vos connaissances et être autonome dans la création de site.

En savoir plus

Tags base

Page HTML

Tags sémantiques

Tags navigation

Tags mise en page

Tags multimédia

Tags interaction

Tags grouper

Tags tableau

Tags formulaire

Tags universelles

Attributs globaux

Facebook
Twitter
LinkedIn

Balise form

Rôle

La balise <form> est utilisé pour intégrer des éléments interactifs pour récolter des données et les soumettre aux serveurs. Le formulaire va, par exemple, permettre à l’internaute de s’exprimer, de fournir des informations, d’envoyer des fichiers, de repondre à un questionnaire, d’entrer en contact avec le webmaster..

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

La balise <form> est pris en charge dans tous les principaux navigateurs

Attributs spécifiques

Attributs spécifiques à cet élément

accept-charset
Spécifie l’encodage utilisé spécifie pour la soumission du formulaire
Syntaxe :
<form accept-charset="utf-8" >
action
Spécifie le fichier qui va réaliser le traitement des données (php, asp..)
Syntaxe :
<form action="form.php" >
autocomplete
Permet d’activer la saisie semi-automatique (attention, pas pris en charge par opéra) : le navigateur va automatiquement complèter par des valeurs que l’utilisateur a entré auparavant.
Syntaxe :
<form action="form.php" autocomplete="on" >
enctype
Permet de définir le type MIME pour l’encodage les données envoyées au serveur.
Syntaxe :
<form action="form.php" autocomplet="on" enctype="multipart/form-data" >
Valeurs possible :
  • enctype=’application/x-www-form-urlencoded’ : valeur par défaut
  • enctype=’multipart/form-data’ : requis pour l’envoi de fichier
  • enctype=’text/plain’ : les espaces sont encodés mais pas les caractères spéciaux
method
Spécifie la façon d’envoyer les données au serveur. Soit les données apparaissent dans l’url de la page appelée après la soumission du formulaire (méthode get) ou soit ces données restent cachées (méthode post).
Syntaxe :
<form action="form.php" method="post" >
Valeurs possible :
  • method=’post’ : données envoyées de mamière confidentielle
  • method=’get’ : données envoyées comme des variables d’URL
name
Spécifie le nom du formulaire
novalidate
Spécifie que le contrôle formulaire automatique, comme le format de l’email par exemple, est désactivé (attention pris en charge à partir de IE-10 et pas pris en charge par Safari).
Syntaxe :
<form action="form.php" method="post" novalidate >
target
Spécifie le contexte de navigation (onglet, même page, frame..) de la page appelé après la soumission du formulaire.
Syntaxe :
<form action="form.php" method="get" target="_self" >

Valeurs possible :
  • target=’_blank’ : réponse affichée dans une nouvelle fenêtre ou un nouvel onglet
  • target=’_self’ : réponse affichée dans la même fenêtre ou le même onglet
  • target=’_parent’ : réponse affichée dans le cadre parent
  • target=’_top’ : réponse affichée dans le corps entier de la fenêtre
  • target=’nom_cadre’ : réponse affichée dans le cadre nommé nom_cadre

La balise <form> prend aussi en charge les attributs globaux

Attibuts de type événement

La balise <form> peut prendre en charge les évènements clavier et formulaire. La balise <form> prend aussi en charge les événements souris

Voir les autres balises pour l’intégration d’un formulaire

button– datalist– fieldset– input– keygen– label– legend– meter– optgroup– option– outputprogressselect– textarea

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »