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
Deutsche Übersetzung
Sie haben gebeten, diese Seite auf Deutsch zu besuchen. Momentan ist nur die Oberfläche übersetzt, aber noch nicht der gesamte Inhalt.Wenn Sie mir bei Übersetzungen helfen wollen, ist Ihr Beitrag willkommen. Alles, was Sie tun müssen, ist, sich auf der Website zu registrieren und mir eine Nachricht zu schicken, in der Sie gebeten werden, Sie der Gruppe der Übersetzer hinzuzufügen, die Ihnen die Möglichkeit gibt, die gewünschten Seiten zu übersetzen. Ein Link am Ende jeder übersetzten Seite zeigt an, dass Sie der Übersetzer sind und einen Link zu Ihrem Profil haben.
Vielen Dank im Voraus.
Dokument erstellt 14/08/2006, zuletzt geändert 29/07/2022
Quelle des gedruckten Dokuments:https://www.gaudry.be/de/xhtml-rf-input.html
Die Infobro ist eine persönliche Seite, deren Inhalt in meiner alleinigen Verantwortung liegt. Der Text ist unter der CreativeCommons-Lizenz (BY-NC-SA) verfügbar. Weitere Informationen auf die Nutzungsbedingungen und dem Autor.
Aufzeichnungen
