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
Nederlandse vertaling
U hebt gevraagd om deze site in het Nederlands te bezoeken. Voor nu wordt alleen de interface vertaald, maar nog niet alle inhoud.Als je me wilt helpen met vertalingen, is je bijdrage welkom. Het enige dat u hoeft te doen, is u op de site registreren en mij een bericht sturen waarin u wordt gevraagd om u toe te voegen aan de groep vertalers, zodat u de gewenste pagina's kunt vertalen. Een link onderaan elke vertaalde pagina geeft aan dat u de vertaler bent en heeft een link naar uw profiel.
Bij voorbaat dank.
Document heeft de 14/08/2006 gemaakt, de laatste keer de 29/07/2022 gewijzigd
Bron van het afgedrukte document:https://www.gaudry.be/nl/xhtml-rf-input.html
De infobrol is een persoonlijke site waarvan de inhoud uitsluitend mijn verantwoordelijkheid is. De tekst is beschikbaar onder CreativeCommons-licentie (BY-NC-SA). Meer info op de gebruiksvoorwaarden en de auteur.
Notes
