Balise HTML ou XHTML INPUT

BALISE INPUT

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

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

Définition

La balise HTML et XHTML INPUT va vous permettre de faire :
- un champ texte,
- un champ caché,
- un bouton,
- un bouton radio,
- une case à cocher.
Exemple de code :
<INPUT>

La balise HTML et XHTML INPUT est une balise simple qui n'a pas de balise fermante.
La balise HTML et XHTML INPUT n'est pas reconnue par Netscape si elle n'est pas dans la balise <FORM>.
La balise HTML et XHTML INPUT doit comporter obligatoirement les attributs HTML et XHTML suivant :
- type
- name
- value

Cours Html : Formulaire
javascript [8]
Infos Javascript
Cours javascript : Formulaire
Formulaire checkbox
Formulaire radio
Formulaires text

Vous trouverez des informations sur l'objet javascript INPUT dans les glossaires javascript DOM :
Document Object Model Core :
Objet Node
Objet Element
Objet Attribut
Document Object Model HTML :
Objet Input
Input blur
Input focus
Input select
Input click
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Css par thème

Exemple de code :

XHTML

La balise XHTML INPUT s'écrit en XHTML :
Exemple de code :
<input />
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml NAME [o]

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

Définition

L'attribut HTML NAME de la balise HTML INPUT permet d'identifier les valeurs du champ rempli par l'internaute lors de la réception du formulaire.
Exemple de code :
<INPUT NAME="Nom">
L'attribut HTML NAME de la balise HTML INPUT permet identifier le menu en javascript.
Pour les INPUT de TYPE radio :
Les boutons radio sont un peu spéciaux car on les traite par groupe. L'attribut HTML NAME de la balise HTML INPUT dans un groupe doit avoir la même valeur.
javascript [7]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

L'attribut HTML NAME de la balise HTML INPUT contrairement à d'autres balises XHTML n'est pas remplacé par l'attribut XHTML ID.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml READONLY [s]

Détails de compatiblilité navigateur HTML pour l'attribut "readonly" de la balise "input"

Détails de compatiblilité navigateur XHTML pour l'attribut "readonly" de la balise "input"

Définition

L'attribut HTML et XHTML READONLY de la balise HTML et XHTML INPUT, permet de bloquer le menu déroulant.
Exemple de code :
<INPUT READONLY>

Contrairement à l'attribut HTML et XHTML DISABLED, la valeur de l'attribut HTML et XHTML READONLY est envoyée.
Exemple :
javascript [9]
Infos Javascript
Il est possible que sous certains navigateurs par exemple Opéra, il vous est impossible de modifier en javascript la valeur du le champ.
Pour remédier à cela, il faut passer la valeur de l'attribut html readonly à false :
Exemple de code :
document.forms.monformulaire.moninput. readonly = false;
document.forms.monformulaire.moninput. readonly.value = "nouvelle_valeur";
document.forms.monformulaire.moninput. readonly = true;

Document Object Model HTML :
Input readOnly
Infos Javascript
Vous trouverez des informations sur la gestion javascript de l'attribut HTML et XHTML READONLY dans les glossaires javascript DOM CORE et DOM HTML.
Document Object Model Core :
Objet Element
Element getAttribute
Element setAttribute
Element removeAttribute
Element hasAttribute
Objet Attribut
Document Object Model HTML :
Objet Input
Input readOnly
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

L'attribut XHTML READONLY de la balise XHTML INPUT s'écrit en XHTML.
Exemple de code :
<input readonly="readonly"/>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml SIZE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "size" de la balise "input"

Détails de compatiblilité navigateur XHTML pour l'attribut "size" de la balise "input"

Définition

L'attribut HTML et XHTML SIZE de la balise HTML INPUT est utilisé quand l'attribut HTML et XHTML TYPE est égal à "text" ou "password".
Exemple de code :
<INPUT SIZE="3">

L'attribut HTML et XHTML SIZE de la balise HTML et XHTML INPUT permet de spécifier le nombre de lettres visibles dans le champ.
Exemple :
javascript [8]
Infos Javascript
Vous trouverez des informations sur la gestion javascript de l'attribut HTML et XHTML SIZE dans les glossaires javascript DOM CORE et DOM HTML.
Document Object Model Core :
Objet Element
Element getAttribute
Element setAttribute
Element removeAttribute
Element hasAttribute
Objet Attribut
Document Object Model HTML :
Objet Input
Input size
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml SRC [s]

Détails de compatiblilité navigateur HTML pour l'attribut "src" de la balise "input"

Détails de compatiblilité navigateur XHTML pour l'attribut "src" de la balise "input"

Définition

L'attribut HTML et XHTML SRC de la balise HTML et XHTML INPUT spécifie l'url du bouton image.L'attribut HTML et XHTML SRC de la baslise HTML et XHTML INPUT est utilisé quand TYPE est égal à "image".
Exemple de code :
<INPUT TYPE="IMAGE" SRC="URL/image.gif">

Exemple :
Exemple de code :
<input type="image" src="image.gif">
javascript [7]
Infos Javascript
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 "input"

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

Définition

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

Attribut html ou xhtml TABINDEX [s]

Détails de compatiblilité navigateur HTML pour l'attribut "tabindex" de la balise "input"

Détails de compatiblilité navigateur XHTML pour l'attribut "tabindex" de la balise "input"

Définition

L'attribut HTML et XHTML TABINDEX de la balise HTML et XHTML INPUT permet de définir l'ordre d'exploitation avec la touche tabulation.
Exemple de code :
<INPUT TABINDEX="2">

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

Attribut html ou xhtml TYPE [o]

Détails de compatiblilité navigateur HTML pour l'attribut "type" de la balise "input"

Détails de compatiblilité navigateur XHTML pour l'attribut "type" de la balise "input"

Définition

L'attribut HTML et XHTML TYPE de la balise HTML et XHTML INPUT, permet de spécifier le type du champ.
Exemple de code :
<INPUT TYPE="text">

L'attribut HTML et XHTML TYPE de la balise HTML et XHTML INPUT peut prendre la valeur de :
- text, crée une zone de texte.
- password, crée une zone de texte pour mot de passe.
- checkbox, crée une case à cocher.
- radio, crée un bouton radio.
- image, crée un bouton avec une image de votre choix.
- button, crée un bouton.
- submit, crée un bouton qui envoit le formulaire.
- reset, crée un bouton qui remette le formulaire dans son état initial.
- file, permet de joindre un fichier personnel au formulaire.
- hidden, permet faire un champ caché.
Exemple de code : type
javascript [7]
Infos Javascript
L'identification de l'input en javascript est différent suivant la valeur de TYPE :
- TYPE="text" et TYPE="button" et TYPE="checkbox"
Exemple de code :
document.forms.Nom_Formulaire.Name_input

- TYPE="radio"
Exemple de code :
document.forms.Nom_Formulaire. Name_input[N]

N (>=0) étant le numéro du radio du même groupe.
Pour connaître le nombre de radio qui compose un groupe :
Exemple de code :
document.forms.Nom_Formulaire.Name_input.length

Cours javascript : Formulaire

Vous trouverez des informations sur la gestion javascript de l'attribut HTML et XHTML TYPE dans les glossaires javascript DOM CORE et DOM HTML.
Document Object Model Core :
Objet Element
Element getAttribute
Element setAttribute
Element removeAttribute
Element hasAttribute
Objet Attribut
Document Object Model HTML :
Input type
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml USEMAP [s]

Détails de compatiblilité navigateur HTML pour l'attribut "usemap" de la balise "input"

Détails de compatiblilité navigateur XHTML pour l'attribut "usemap" de la balise "input"

Définition

L'attribut HTML et XHTML USEMAP de la balise HTML et XHTML INPUT, permet de spécifier le nom de la MAP (Attribut Name) a utiliser.
Exemple de code :
<INPUT TYPE="image" USEMAP="nameMap">

L'attribut HTML et XHTML USEMAP de la balise HTML et XHTML INPUT est utilisé quand l'attribut TYPE est égal à Image
javascript [7]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml VALUE [o]

Détails de compatiblilité navigateur HTML pour l'attribut "value" de la balise "input"

Détails de compatiblilité navigateur XHTML pour l'attribut "value" de la balise "input"

Définition

L'attribut HTML et XHTML VALUE de la balise HTML et XHTML INPUT permet de spécifier la valeur envoyée lors de l'envoit du formulaire.
Exemple de code :
<INPUT VALUE="valeur"> </INPUT>

L'attribut HTML et XHTML VALUE de la balise HTML et XHTML INPUT est utilisé pour toutes les valeurs de l'attribut HTML TYPE.
javascript [8]
Infos Javascript
Vous pouvez changer la valeur d'un champ.
Exemple de code :
document.froms.Nom_formulaire. [identifant].value = "Nouvelle valeur";

Attention, pour l'input type=file, il n'est pas possible de modifier la value... question de sécurité.

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

Attribut html ou xhtml XML [s]

Détails de compatiblilité navigateur XHTML pour l'attribut "xml" de la balise "input"

Définition

L'attribut XHTML xml:lang de la balise HTML et XHTML INPUT, permet de spécifier la langue utilisée.
Exemple de code :
<input xml:lang="fr" value="Texte XHML" />

L'attribut XHTML xml:lang de la balise XHTML INPUT peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS
Page précédente