Balise HTML ou XHTML FORM

BALISE FORM

Détails de compatiblilité navigateur HTML pour la balise "form"

Détails de compatiblilité navigateur XHTML pour la balise "form"

Définition

La balise HTML et XHTML FORM permet de créer des formulaires.
La balise HTML et XHTML FORM doit comporter obligatoirement ces trois attributs:
- Action,
- Method,
- Enctype.

Cours Html : Formulaire
javascript [7]
Infos Javascript
Vous trouverez des informations sur l'objet javascript FORM dans les glossaires javascript DOM :
Document Object Model Core :
Objet Node
Objet Element
Objet NodeList
Objet Attribut
Document Object Model HTML :
Objet Form
Form submit
Form reset
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Css par thème

Attribut html ou xhtml ACCEPT-CHARSET [s]

Détails de compatiblilité navigateur HTML pour l'attribut "accept-charset" de la balise "form"

Détails de compatiblilité navigateur XHTML pour l'attribut "accept-charset" de la balise "form"

Définition

L'attribut HTML et XHTML ACCEPT-CHARSET de la balise HTML et XHTML FORM le type d'encodage du formulaire.
Exemple de code :
<FORM ACCEPT-CHARSET="iso-8859-1"></FORM>
javascript [7]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml ACTION [o]

Détails de compatiblilité navigateur HTML pour l'attribut "action" de la balise "form"

Détails de compatiblilité navigateur XHTML pour l'attribut "action" de la balise "form"

Définition

L'attribut HTML et XHTML ACTION de la balise HTML et XHTML FORM spécifie L'ur de la page qui va recevoir les informations que l'on veut envoyer.
Exemple de code :
<FORM ACTION="mailto:dmc@nomade.fr"> </FORM>

L'attribut HTML et XHTML ACTION de la balise HTML et XHTML FORM accepte le "mailto:".

L'attribut HTML et XHTML ACTION de la balise HTML et XHTML FORM peut prendre deux valeurs :
- une URL de type HTTP par exemple <FORM ACTION="HTTP://mon serveur ">
- une URL de type MAILTO voir l'exemple ci-dessus.
javascript [7]
Infos Javascript
Vous pouvez modifier l'action :
Exemple de code :
document.forms.Name_Valeur.action="Url"

Cours javascript : Formulaire
Document Object Model Core :
Objet Element
Element getAttribute
Element setAttribute
Element removeAttribute
Element hasAttribute
Objet Attribut
Document Object Model HTML :
Form action
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml CLASS [s]

Détails de compatiblilité navigateur HTML pour l'attribut "class" de la balise "form"

Détails de compatiblilité navigateur XHTML pour l'attribut "class" de la balise "form"

Définition

L'attribut HTML et XHTML CLASS de la balise HTML et XHTML FORM permet d'assigner une feuille de style (css) à la balise.
Exemple de code :
<FORM CLASS="Nom"> </FORM>
Utilisé pour les cascading style sheets.
javascript [7]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Cours css

Attribut html ou xhtml DIR [s]

Détails de compatiblilité navigateur HTML pour l'attribut "dir" de la balise "form"

Détails de compatiblilité navigateur XHTML pour l'attribut "dir" de la balise "form"

Définition

L'attribut HTML et XHTML DIR de la balise HTML et XHTML FORM spécifie le sens de lecture.
Exemple de code :
<FORM DIR="LTR"> </FORM>
L'attribut HTML et XHTML DIR de la balise HTML et XHTML FORM peut prendre la valeur de :
- LTR: de la gauche vers la doite
- RTL: de la droite vers la gauche (pour l'hébreu par exemple).
javascript [7]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml ENCTYPE [o]

Détails de compatiblilité navigateur HTML pour l'attribut "enctype" de la balise "form"

Détails de compatiblilité navigateur XHTML pour l'attribut "enctype" de la balise "form"

Définition

L'attribut HTML et XHTML ENCTYPE de la balise HTML et XHTML FORM permet de définir le type de fichier que vous allez envoyer. Il est par défaut de type "application/x-www-form-urlencoded".
Exemple de code :
<FORM ENCTYPE="TEXT/PLAIN"> </FORM>

Valeurs Extensions
application / octet-stream .bin ou .exe
text / plain .txt
text / richtext .rxt
video / mpeg .mpeg ou .mpg ou .mpe
video / quicktime .qt ou .mov
video / x-msvideo .avi
javascript [7]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml ID [s]

Détails de compatiblilité navigateur HTML pour l'attribut "id" de la balise "form"

Détails de compatiblilité navigateur XHTML pour l'attribut "id" de la balise "form"

Définition

L'attribut HTML et XHTML ID de la balise HTML et XHTML FORM, permet d'identifier la balise.
Exemple de code :
<FORM ID="Nom"> </FORM>
Utilisé pour les cascading style sheets et le javascript
javascript [7]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Cours css

XHTML

L'attribut XHTML ID de la balise XHTML FORM remplace l'attribut HTML NAME
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml LANG [s]

Détails de compatiblilité navigateur HTML pour l'attribut "lang" de la balise "form"

Détails de compatiblilité navigateur XHTML pour l'attribut "lang" de la balise "form"

Définition

L'attribut HTML et XHTML LANG de la balise HTML et XHTML FORM, permet de spécifier la langue utilisée.
Exemple de code :
<FORM LANG="fr"> </FORM>

L'attribut HTML et XHTML LANG peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.

Exemple ~~> Exemple LANG
javascript [7]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

Lorsque vous mettez l'attribut XHTML lang, vous devez obligatoirement mettre l'attribut XHTML xml:lang.
L'attribut XHTML xml:lang peut prendre les même valeurs que l'attribut XHTML lang.
Exemple de code :
<form lang="fr" xml:lang="fr"></form>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml METHOD [o]

Détails de compatiblilité navigateur HTML pour l'attribut "method" de la balise "form"

Détails de compatiblilité navigateur XHTML pour l'attribut "method" de la balise "form"

Définition

L'attribut HTML et XHTML METHOD de la balise HTML et XHTML FORM indique comment envoyer les informations.
Exemple de code :
<FORM METHOD="POST"> </FORM>

Il existe deux méthodes :
- GET qui est limitée à 256 caractères.Les infromation sont envoyées par l'url et sont encodées par exemple pour Timothée vous aurez Timoth%E9e. Valeur par défaut.
- POST qui n'est pas limitée à 256 caractères (toujours de type post avec une action de type "mailto").
javascript [7]
Infos Javascript
Vous pouvez modifier la méthode :
Exemple de code :
document.forms.Name_Valeur.method = "Nouvelle_Method"

Cours javascript : <a href="../coursjavas/cours_javascript84.html" >Formulaire</a>
Document Object Model Core :
Objet Element
Element getAttribute
Element setAttribute
Element removeAttribute
Element hasAttribute
Objet Attribut
Document Object Model HTML :
Form method
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml NAME [s]

Détails de compatiblilité navigateur HTML pour l'attribut "name" de la balise "form"

Définition

L'attribut HTML NAME de la balise HTML FORM permet d'identifier le formulaire.
Exemple de code :
<FORM NAME="Nom"> </FORM>

Utilisé pour le javascript.
javascript [7]
Infos Javascript
Vous pouvez atteindre le formulaire comme ceci :
Exemple de code :
document.forms.Name_Valeur

Cours javascript : Formulaire
Document Object Model Core :
Objet Element
Element getAttribute
Element setAttribute
Element removeAttribute
Element hasAttribute
Objet Attribut
Document Object Model HTML :
Form name
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml STYLE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "style" de la balise "form"

Détails de compatiblilité navigateur XHTML pour l'attribut "style" de la balise "form"

Définition

L'attribut HTML et XHTML STYLE de la balise HTML et XHTML FORM permet de définir des cascading style sheets dans la balise même
Exemple de code :
<FORM STYLE="text-decoration:underline"> </FORM>
.
javascript [7]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Cours css
Page suivante