Les éléments input sont parfois appelés contrôles de formulaire, bien que les divers types d'éléments input ne soient pas tous visibles sur la page. Un élément input est essentiellement destiné à offrir un emplacement permettant à l'utilisateur de saisir du texte, de cliquer sur des boutons ou d'effectuer une sélection au sein d'une liste d'options. Les données collectées à partir de ces actions interactives sont transmises à un programme sur le serveur (lorsque l'élément père form est envoyé), ou peuvent être strictement utilisées sur le client, pour autoriser une interactivité entre l'utilisateur et des scripts sur le client. Les applications serveur intègrent souvent des données de session dans les éléments input cachés d'une page, si bien que les données sont envoyées avec le formulaire suivant. Cette méthode permet de répercuter la collecte des données sur plusieurs pages de formulaire sans devoir conserver provisoirement ces données sur le serveur entre les livraisons de page.

Avant la version 4 du langage HTML, les éléments input étaient supposés être inclus dans un élément form dans tous les cas de figure. Cette restriction a été assouplie, mais Navigator 4 nécessite toujours que les éléments input soient inclus dans un élément form pour fonctionner.

Le principal attribut qui est chargé de déterminer le type de contrôle affiché sur la page est l'attribut type. Cet attribut accepte l'une des valeurs suivantes: button, checkbox, file, hidden, image, password, radio, reset, submit ou text. Les divers types d'éléments input n'acceptent pas tous la totalité des attributs définis pour l'élément input; de plus, un attribut donné aura différents rôles selon le type d'élément input avec lequel il est utilisé. La liste précise les types auxquels s'applique chaque attribut de l'élément input. Bien que l'élément textarea possède sa propre balise, il est fréquemment traité comme un contrôle de formulaire.

Permet d'indiquer un ou plusieurs types MIME pour les fichiers qui peuvent être transmis au serveur lorsque le formulaire est envoyé. Cet attribut de HTML 4 est utile lorsqu'un navigateur souhaite incorporer un certain niveau de filtrage de type de fichier avant d'envoyer un formulaire incluant l'élément input d'un fichier. A partir de la version 6 des navigateurs, cet attribut n'a, sur le plan pratique, aucune incidence pour la sélection ou l'envoi de fichiers.

Pour des informations générales, reportez-vous à la description de cet attribut partagé au début de ce chapitre. Pour les types input de fichiers, appuyez sur la combinaison accesskey pour placer le pointeur de texte dans la zone de texte associée (cette opération ne permet pas de  «  cliquer   » sur le bouton du navigateur).

Détermine le type d'alignement du rectangle de l'élément dans le contexte du contenu environnant. Reportez-vous à la section 8.1.5, au début de ce chapitre, pour la description des possibilités définies pour cet attribut avec les éléments img.

Propose une description textuelle de l'image de l'élément input pendant que l'image est en cours de téléchargement, à la place des images affichées ou pour les navigateurs dotés de la synthèse vocale. Adopte le même comportement que l'élément img de l'attribut alt.

Navigator 4 et versions ultérieures sur toutes les plate-formes de système d'exploitation et IE 4 et versions ultérieures sur Macintosh vous permettent de spécifier une bordure autour de l'image de l'élément input. Comme un élément input dont l'attribut type est "image" fonctionne comme un bouton du style Envoyer, la bordure possède la couleur définie pour les liens dans le navigateur, sauf s'il est remplacé par une feuille de style. Pour créer une bordure dans une autre couleur, utilisez les feuilles de style (en imbriquant l'élément img dans l'élément div ou span approprié pour Navigator 4). Navigator 4 (uniquement) place par défaut une bordure autour de l'image. Pour supprimer la bordure, attribuez la valeur zéro à l'attribut border.

Attribut booléen indiquant si l'élément input de type case à cocher ou bouton radio doit être déjà activé lors du chargement de la page. Dans le cas d'un groupe de boutons radio, un seul de ces éléments input doit avoir l'attribut checked activé. Il est possible de modifier par script la valeur de cet attribut après le chargement de la page. Lorsque le formulaire est envoyé, la paire nom  /  valeur correspondant à l'élément input dont l'attribut checked est activé est envoyée parmi les données du formulaire. La paire nom  /  valeur est composée des valeurs des attributs name et value de cet élément. Si aucune valeur n'est affectée à l'attribut value, la valeur de chaîne "active" ou "on" lui est automatiquement affectée lorsque cette case à cocher ou ce bouton radio sont sélectionnés. Cette méthode est efficace pour les cases à cocher, puisque chacune doit posséder un nom unique. Par contre, tous les boutons radio d'un même groupe doivent avoir le même nom, afin que les navigateurs puisse gérer l'activation et la désactivation au sein du groupe. Ce comportement par défaut ne fournit pas suffisamment d'informations pour que la plupart des programmes sur le serveur puissent les utiliser. Reportez-vous à l'attribut name ci-dessous.

Cet attribut est utilisé avec IE dans le cadre d'une liaison de données, pour associer le nom d'une colonne d'une source de données distante à divers éléments input. Vous devez également définir un attribut datasrc pour l'élément. S'applique uniquement aux sources de données de fichier texte dans IE 5/Mac.

Cet attribut a été réservé dans HTML 4, mais il a été abandonné dans XHTML 1.0.

Utilisé avec la fonction de liaison de données de Microsoft Internet Explorer pour spécifier l'ID de l'élément object de la page, qui charge l'objet de source de données pour l'accès distant aux données. Le contenu à extraire de la source de données est spécifié à l'aide de l'attribut datafld. S'applique uniquement aux sources de données de fichier texte dans IE 5 pour Mac.

Cet attribut a été réservé dans HTML 4, mais il a été abandonné dans XHTML 1.0.

Un élément input désactivé est affiché en grisé et ne peut pas être activé par l'utilisateur. Un contrôle de formulaire désactivé ne peut pas être l'élément actif et il ne figure donc pas dans la séquence d'activation par appui sur la touche de tabulation. IE pour Windows élargit cette caractéristique comme suit: si un bouton radio d'un groupe est désactivé, le groupe entier est désactivé. Tel n'est pas le cas dans IE pour Mac ou Netscape 6; en effet, un bouton qui n'est pas en surbrillance peut désélectionner un membre sélectionné, mais désactivé du groupe.

La paire nom  /valeur d'un élément input désactivé n'est pas transmise au serveur en même temps que le formulaire. Les éléments input qui effectuent normalement les transmissions n'envoient pas leurs formulaires s'ils sont désactivés.

L'attribut disabled est de type booléen, ce qui signifie que, dans le format HTML, sa simple présence dans les ensembles d'attributs définit sa valeur sur true. Cette valeur peut également être modifiée par la suite à l'aide d'un script (voir l'objet button dans le chapitre  9).

Internet Explorer 4 et les versions ultérieures permettent d'afficher des clips vidéo (et des fichiers VRML) à l'aide d'un élément input de type image. Pour aider le navigateur à différencier les sources d'images statiques ou dynamiques, vous pouvez utiliser l'attribut dynsrc à la place de l'attribut src pour charger le clip vidéo. Tous les autres aspects visuels de l'élément input sont donc immédiatement applicables à la zone rectangulaire destinée à l'affichage du clip vidéo. Consultez les sections consacrées aux attributs loop, qui permet de contrôler le nombre de lectures du clip, et start.

Définit les dimensions de l'image utilisées pour l'élément input. Si vous omettez ces attributs, le navigateur attend que l'image soit chargée avant d'allouer de l'espace pour l'élément sur la page.

Définit un remplissage supplémentaire autour de l'image (donc, de l'élément input) afin de conserver l'autre contenu à une distance minimale. L'élément hspace contrôle l'épaisseur du remplissage pour les côtés gauche et droit; vspace fait de même pour les côtés supérieur et inférieur.

Identifiant unique qui distingue cet élément de tous les autres au sein du document. Peut être utilisé pour associer un simple élément à une règle de style nommant cette valeur d'attribut — en tant que sélecteur d'ID. Un élément peut recevoir un ID qui en assurera l'unicité, ainsi qu'une classe qui le rattachera à un groupe. Reportez-vous au chapitre 3.

IE 4 et les versions ultérieures ainsi que Netscape 6 autorisent les attributs id pour les éléments non affichables, mais si votre code requiert une validation, sachez que les DTD HTML 4 W3C et XHTML ne l'autorisent pas. Comme tous les éléments du DOM W3C ont une propriété id, il est naturel d'affecter un attribut id aux éléments non affichables si les scripts doivent référencer ces éléments. Ou vos scripts peuvent utiliser d'autres moyens (par exemple le tableau renvoyé par document.getElementsByTagName( )) pour référencer de tels éléments.

Affectez des identifiants aux attributs id afin de dupliquer des valeurs précédemment affectées seulement aux attributs name dans des éléments comprenant l'attribut name. Les contrôles de formulaire des navigateurs actuels nécessitent encore des attributs name pour que les paires nom/valeur soient envoyées avec le formulaire et les éléments a jouant le rôle d'ancres nécessitent toujours ces attributs de nom. N'oubliez pas d'affecter un identifiant à l'attribut id de tout élément que vous avez l'intention de référencer par script.

L'attribut booléen ismap indique au navigateur que l'image représentant l'élément input est une carte image (image interactive) côté serveur. Contrairement à l'élément img, une action (la transmission du formulaire) est associée au type d'image input; aucun élément a environnant n'est donc requis. Le navigateur ajoute les informations relatives aux coordonnées du clic à l'adresse URL de l'action du formulaire. Reportez-vous à l'attribut usemap pour plus de détails sur la carte image côté client.

Description de l'élément. Pour les éléments HTML qui produisent du contenu visible sur la page, IE 4 et versions ultérieures ainsi que Netscape 6 affichent le contenu de l'attribut title sous forme d'info-bulle lorsque le curseur reste un moment sur l'élément concerné. Par exemple, l'élément de colonne col n'affiche pas le contenu, donc son attribut title fournit simplement des informations. Pour générer des info-bulles dans les tableaux, affectez des attributs title aux éléments tels que table, tr, th ou td.

Les propriétés de police et de couleur sont régies par le navigateur et ne peuvent pas être modifiées par script. Dans IE pour Windows, l'info-bulle est le petit rectangle jaune clair standard; dans IE pour Macintosh, l'info-bulle s'affiche comme une bulle de BD, à la manière du système d'aide de MacOS. Dans Netscape 6, les info-bulles s'affichent toujours sous la forme du même petit rectangle quelle que soit la version du système d'exploitation. Si aucun attribut n'est spécifié, l'info-bulle ne s'affiche pas.

Vous pouvez affecter à cet attribut le texte descriptif de votre choix. Etant donné que tout le monde ne le verra pas, n'y placez pas d'informations essentielles. Peut-être les navigateurs conçus pour satisfaire les critères d'accessibilité Web utiliseront-ils les informations de cet attribut pour lire les informations au sujet d'un lien ou d'éléments autres que du texte à des utilisateurs malvoyants. Donc, ne négligez pas cette aide potentiellement utile pour décrire l'objectif d'un élément sur une page.

Bien que les indications de compatibilité pour cet attribut le fassent remonter à l'époque de Microsoft Internet Explorer 3 et HTML 3.2, il est nouvellement affecté à de nombreux éléments à partir de Microsoft Internet Explorer 4 et de HTML 4.0.

Si vous avez spécifié un clip vidéo à l'aide de l'attribut dynsrc, l'attribut loop permet de contrôler le nombre de lectures ("en boucle") du clip après son chargement. Si vous donnez la valeur zéro à cet attribut, le clip est chargé mais sa lecture n'est pas immédiatement déclenchée. La lecture des clips vidéo qui ne sont pas déjà en cours d'exécution est déclenchée lorsque l'utilisateur double-clique sur l'image, mais il peut être nécessaire de fournir à l'utilisateur des instructions à cet effet, car aucun contrôle n'est visible.

Fournit l'URL d'une autre image basse résolution qui sera chargée au démarrage, si le chargement de l'image src est trop long.

Définit le nombre maximal de caractères qui peuvent être saisis dans un élément input de type champ texte. En pratique, les navigateurs préviennent l'utilisateur (par un signal sonore ou un message) lorsque le nombre de caractères saisis dépasse la valeur paramétrée pour maxlength. Il n'existe pas de corrélation directe entre les attributs maxlength et size. Si maxLength autorise un nombre de caractères supérieur à ce que la largeur de l'élément permet d'afficher, le navigateur assure un défilement horizontal (très peu apprécié de la plupart des utilisateurs) pour autoriser la saisie et la modification du contenu de ce champ.

Si l'élément input fait partie d'un formulaire envoyé au serveur, l'attribut name est obligatoire pour que la valeur de cet élément soit transmise avec le formulaire. Dans le cas des formulaires qui figurent dans un document pour tirer parti des possibilités conjointes des éléments de formulaire et des scripts, il n'est pas obligatoire de donner un nom aux éléments input, mais il est cependant recommandé de le faire pour pouvoir créer dans le script des références à ces objets, leurs propriétés et leurs méthodes.

L'identifiant que vous affectez à l'attribut name devient partie intégrante de la paire nom  /  valeur transmise au serveur. Les éléments de bouton radio qui doivent avoir une fonction de groupe mutuellement exclusif doivent tous posséder la même valeur d'attribut name. Dans la plupart des navigateurs, s'il est impossible d'inclure une affectation d'attribut name, les utilisateurs ne peuvent pas accéder aux éléments input des cases à cocher ou des boutons radio.

Les spécifications HTML 4 et XHTML recommandet le remplacement de l'attribut id par l'attribut name dans vos pages. Les navigateurs standard, jusqu'à la version 6, ne transmettent pas les données des éléments input qui incluent une affectation id, mais aucune affectation name. Par souci de cohérence avec l'accès DOM, sur la base de scripts DHTML, à tous les éléments, il est recommandé d'affecter les deux attributs, voire d'employer le même identifiant pour les deux (sauf dans le cas des boutons radio, qui doivent avoir un ID unique, alors que leurs noms peuvent être partagés). L'attribut name achemine la valeur de l'élément vers le serveur, tandis que les scripts atteignent les éléments par l'intermédiaire de leurs ID, notamment dans les navigateurs qui utilisent la syntaxe de référence document.all.elementID (IE) ou document.getElementById(elementID) (DOM W3C). La DTD XHTML stricte valide, peut-être de manière forcée, l'attribut name pour les éléments input de sorte que les pages validées fonctionnent dans le cadre de l'implémentation des navigateurs actuels et précédents.

Lorsque son attribut readonly est présent, un élément input de type champ texte ne peut pas être modifié par le visiteur (mais son contenu peut être modifié à l'aide d'un script). Un champ doté de l'attribut readonly ne doit normalement pas être activé lorsque l'utilisateur appuie sur la touche de tabulation, mais IE 4 et les versions ultérieures pour Macintosh activent ce champ, quelle que soit la valeur de cet attribut, et émettent un signal sonore si l'utilisateur essaie de taper.

Dans la pratique, l'attribut size se limite à la description de la largeur (en nombre de caractères) des éléments input de type champ de texte. La largeur effective est calculée à partir de la police définie pour l'élément, ou de la police par défaut, mais le résultat est loin d'être toujours parfait. Certaines variantes de rendu des polices (et, dans les navigateurs les plus récents, la possibilité de choisir des polices et des tailles différentes) entraînent parfois l'affichage de champs trop étroits. Il est donc déconseillé d'attribuer automatiquement la même valeur aux attributs size et maxlength sans tester le résultat sur un grand nombre de navigateurs et de systèmes d'exploitation, et en prévoyant le pire (par exemple, en tapant une série de caractères "m" ou "W" en police proportionnelle). Selon les spécifications HTML 4, l'attribut size peut être appliqué à d'autres types de l'élément input (sous forme de pixels, plus que de caractères), mais ce n'est pas le cas avec la version 6 des navigateurs. Vous pouvez toutefois utiliser les attributs CSS pour obtenir des boutons plus larges que leur largeur par défaut, qui est basée sur la largeur définie par l'attribut value.

Adresse URL d'un fichier contenant l'image affichée par le type «  image  » de l'élément input. Le navigateur doit prendre en charge le type MIME du format d'image utilisé. Sur le World Wide Web, les formats d'image les plus répandus sont GIF et JPEG.

Si vous utilisez l'attribut dynsrc d'un élément input de type image pour afficher un clip vidéo dans Internet Explorer, vous pouvez indiquer à cet élément que la lecture du clip doit débuter automatiquement dès la fin du chargement du fichier vidéo, ou seulement lorsque l'utilisateur amène le curseur sur cette image. L'attribut start permet de choisir l'interface utilisateur de votre page.

Nombre indiquant la position de cet élément dans l'ordre de tabulation de la page. L'ordre de tabulation suit un ensemble de règles très strictes. Les premiers éléments de la page activés par la touche de tabulation sont ceux dont l'attribut tabindex a une valeur autre que zéro. Le premier élément activé est celui dont l'attribut tabindex a la valeur la plus faible, et ainsi de suite, dans l'ordre croissant, quel que soit l'emplacement physique des éléments sur la page ou dans le document. Si deux éléments ont un attribut tabindex de valeur identique, c'est celui qui apparaît d'abord dans le document qui est activé le premier. Ensuite viennent les éléments qui ne prennent pas en charge l'attribut tabindex ou ceux pour lesquels la valeur de cet attribut est zéro. Ces éléments sont activés dans l'ordre où ils apparaissent dans le document. Remarque: Si la page actuelle est rechargée, la séquence de tabulation ne recommence pas nécessairement au début. Ainsi, le contrôle de la séquence de tabulation est particulièrement utile lorsque la logique de vos éléments activables ne repose pas sur l'ordre du code source de ces éléments (par exemple, la tabulation se fait en descendant les colonnes des tableaux et non en suivant les lignes).

HTML 4 et Netscape 6 limitent l'attribut tabindex aux éléments suivants: a, area, button, input, object, select, textarea. A cette liste, IE 4 ajoute applet, body, div, embed, isindex, marquee, span, table, et td. IE 5 ajoute tout autre élément affichable. Une valeur négative dans IE (uniquement) supprime complètement un élément de la séquence de tabulation.

Les liens et les ancres ne sont pas activables à l'aide de la touche de tabulation dans la version Macintosh de Microsoft Internet Explorer 4 et l'attribut tabindex est donc ignoré dans cette version.

Indique au navigateur le type d'élément input, donc la façon dont il doit être affiché (ou signifie éventuellement que cet élément ne doit pas être affiché). Les choix possibles sont les suivants.

Vous pouvez définir une carte image côté client pour un élément input de type image à l'aide des éléments map et area. L'élément map est le conteneur nommé d'un ou plusieurs éléments area. Chaque élément area définit une zone sensible de l'image et affecte une destination (et autres paramètres) à un lien en réponse au clic de l'utilisateur dans cette zone. La raison d'être de l'élément usemap consiste à établir une connexion entre l'élément input de type image et un élément map nommé figurant dans le même document. Dans un sens, le nom de l'élément map est traité comme une ancre, dans la mesure où son "adresse" est le nom de l'élément précédé du symbole #.

Affecte une valeur préalable à l'élément input, qui est transmise au serveur dans le cadre de la paire nom  /  valeur de cet élément. Certains types de l'élément input ne sont pas envoyés (par exemple les boutons radio non activés), mais toute valeur associée à un élément input, sauf à ceux qui sont de type "button" ou "reset", est envoyée au serveur avec l'élément.

Dans le cas des éléments input de type  «  text   » et  «  password   », l'attribut value contient une valeur par défaut. Lorsque l'utilisateur modifie le contenu du champ texte, la valeur de celui-ci change, mais pas le code source. Lorsqu'un formulaire est réinitialisé (à l'aide d'un élément input de type  «  reset   »), Les valeurs par défaut sont replacées dans les champs texte.

L'attribut value n'est obligatoire que pour les éléments input de type  «  checkbox   » et  «  radio   ». Pour les éléments input qui apparaissent sous la forme de boutons standard pouvant être cliqués, l'attribut value définit le texte du bouton.

Voir hspace.

Voir height.