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é.

Infos

• Version HTML : depuis HTML 2.0
• XHTML : depuis XHTML 1.1
• Utilisation : Toujours utilisée.
• Type : vide
• Ouverture/fermeture : Fermeture interdite

Attributs

Exemples d'utilisation de la balise input

Balises qui peuvent contenir la balise input

Balises que nous pouvons placer dans la balise input

Liste des balises

Structure du document