Balise XHTML 1.1/HTML 2.0 <input>
Description de la balise <input>
contrôle de formulaire
Le type de contrôle dépend de la valeur de type :
- text : boîte de saisie de texte d'une seule ligne
- password : boîte de saisie de texte de type "mot de passe". Les caractères tapés sont remplacés par des "*". Aucun cryptage n'est associé à cette protection purement visuelle.
- checkbox : case à cocher. Les cases cochées se voient affectées un attribut "checked". Seules les contrôles ayant l'attribut checked sont envoyées au serveur. checked préselectionne ce contrôle.
- radio : bouton radio. Similaires à checkbox mais les boutons radio qui partagent le même nom de contrôle s'excluent mutuellement. Seule la valeur cochée est envoyée au serveur. checked préselectionne ce contrôle.
- submit : bouton standard qui déclenche l'envoi du formulaire à l'adresse indiquée dans form. Il peut y avoir plusieurs boutons submit dans un formulaire.
- reset : bouton standard qui réinitialise le formulaire, c'est-à-dire remet les valeurs dar défaut de chacun des contrôles. A utiliser avec précaution : si l'utilisateur clique sur ce bouton au lieu du bouton submit, il devra resaisir tout son formulaire. De plus, le texte à afficher dans le bouton est rarement clair : effacer, réinitialiser, initialiser, raz, recommencer... pas évident. Certains auteurs recommandent de ne pas utiliser ce bouton.
- file : affiche une boîte de saisie et un bouton "parcourir" pour permettre à l'utilisateur de sélectionner un fichier à envoyer au serveur. Attention à placer les bonnes valeurs dans form pour enctype et method.
- hidden : crée un bouton invisible. Utile pour passer des valeurs d'une page à l'autre sans que l'utilisateur ne le voit.
- image : crée un bouton submit graphique. src indique l'URL de l'image, alt affiche un texte alternatif pour les navigateurs qui n'affichent pas les images. Quand le formulaire est envoyé, le navigateur envoie également name.x=x-value et name.y=y-value où "name" est la valeur de name et x-value et y-value sont respectivement les coordonnées x,y du point où l'utilisateur a cliqué sur l'image. C'est intéressant, mais attention aux utilisateurs qui n'affichent pas les images. Utilisez plutôt plusieurs boutons submit, éventuellement sous forme image.
- button : bouton standard. Il ne fait rien sauf s'il y a un script côté client associé.
A partir de ns 3 - ie 3
Peut contenir : rien
Peut être contenu par : tout élément block, tout élément inline
Infos
- Version HTML : depuis HTML 2.0
- XHTML : depuis XHTML 1.1
- Utilisation : Toujours utilisée.
- Type : vide
- Ouverture/fermeture : Fermeture interdite
Attributs de <input>
| nom | type | casse |  | info | détails |
| nom | type | casse | | info | détails |
| accept | %ContentTypes; | CI | Liste de types MIME pour le chargement d'un fichier | Afficher | |
| accesskey | %Character; | CN | Touche d'accès clavier | Afficher | |
| alt | %Text; | CS | texte de remplacement | Afficher | |
| checked | () | CI | Case cochée | Afficher | |
| class | CDATA | CS | Liste de classes | Afficher | |
| dir | (rtl | ltr) | CI | Direction du texte | Afficher | |
| disabled | () | CI | Désactivation | Afficher | |
| id | ID | CS | Identifiant unique | Afficher | |
| ismap | () | CI | Utiliser une image cliquable côté serveur | Afficher | |
| lang | %LanguageCode; | CS | langue de base | Afficher | |
| maxlength | NUMBER | CN | nombre maximum de caractères dans le champ | Afficher | |
| name | CDATA | CI | Nom du contrôle | Afficher | |
| readonly | () | CI | non modifiable | Afficher | |
| size | CDATA | CN | spécifique pour chaque type de champ | Afficher | |
| src | %URI; | CT | champ avec image | Afficher |
- Colonne 1 (nom) : Requis : Les attributs présentés de cette manière sont requis pour la balise HTML à laquelle ils s'appliquent.
- Colonne 3 (casse) :
- CN : La notion de sensibilité à la casse est non nécessaire (par exemple s'il s'agit d'une valeur numérique).
- CS : La valeur est sensible à la casse. Une lettre en majuscule ne peut pas être remplacée par la même lettre en minuscule.
- CI : La valeur n'est pas sensible à la casse.
- CA : L'information relative à la casse se trouve dans la définition l'attribut ou de l'élément lui méme.
- CT : L'information relative à la casse se trouve dans la définition de type.
- Colonne 4 () : L'attribut ou l'élément risque de ne plus être supporté dans les prochaines versions
Evènements de <input>
| nom | type | casse | | info | détails |
| nom | type | casse | | info | détails |
| onblur | %Script; | CT | perte du focus | Afficher | |
| onchange | %Script; | CT | modification de la valeur | Afficher | |
| onclick | %Script; | CT | le bouton de souris a été cliqué | Afficher | |
| ondblclick | %Script; | CT | le bouton de souris a été double-cliqué | Afficher | |
| onfocus | %Script; | CT | l'élément reçoit le focus | Afficher | |
| onkeydown | %Script; | CT | une touche est enfoncée | Afficher | |
| onkeypress | %Script; | CT | une touche est frappée | Afficher | |
| onkeyup | %Script; | CT | une touche est relâchée | Afficher | |
| onmousedown | %Script; | CT | le bouton de souris est enfoncé | Afficher | |
| onmousemove | %Script; | CT | mouvement de la souris | Afficher | |
| onmouseout | %Script; | CT | la souris vient de sortir de la zone | Afficher | |
| onmouseover | %Script; | CT | la souris vient d'entrer dans la zone | Afficher | |
| onmouseup | %Script; | CT | le bouton de souris est relâché | Afficher | |
| onselect | %Script; | CT | du texte vient d'être sélectionné | Afficher |
- Colonne 1 (nom) : Requis : Les attributs présentés de cette manière sont requis pour la balise HTML à laquelle ils s'appliquent.
- Colonne 3 (casse) :
- CN : La notion de sensibilité à la casse est non nécessaire (par exemple s'il s'agit d'une valeur numérique).
- CS : La valeur est sensible à la casse. Une lettre en majuscule ne peut pas être remplacée par la même lettre en minuscule.
- CI : La valeur n'est pas sensible à la casse.
- CA : L'information relative à la casse se trouve dans la définition l'attribut ou de l'élément lui méme.
- CT : L'information relative à la casse se trouve dans la définition de type.
- Colonne 4 () : L'attribut ou l'élément risque de ne plus être supporté dans les prochaines versions
Exemples de balises qui peuvent contenir la balise <input>
Aucune balise2Exemples de balises que nous pouvons placer dans la balise <input>
Aucune balise1
English translation
You have asked to visit this site in English. For now, only the interface is translated, but not all the content yet.If you want to help me in translations, your contribution is welcome. All you need to do is register on the site, and send me a message asking me to add you to the group of translators, which will give you the opportunity to translate the pages you want. A link at the bottom of each translated page indicates that you are the translator, and has a link to your profile.
Thank you in advance.
Document created the 14/08/2006, last modified the 29/07/2022
Source of the printed document:https://www.gaudry.be/en/xhtml-rf-input.html
The infobrol is a personal site whose content is my sole responsibility. The text is available under CreativeCommons license (BY-NC-SA). More info on the terms of use and the author.
Notes
