La balise INPUT

Utilisation	Définit les contrôles utilisés dans un formulaire.
Balises de début/de fin	Nécessaire/illégal
Attributs	%coreattrs, %i18n, %events type="..." : type de contrôle d'entrée (text, password, checkbox, radio, submit, reset, file, hidden, image, button) name="..." : nom du contrôle (obligatoire, sauf pour submit et reset) value="..." : valeur initiale du contrôle (obligatoire pour les boutons d'option et les cases à cocher) checked="..." : coche les boutons d'option disabled="..." : désactive le contrôle readonly="..." : pour les mots de passe texte size="..." : largeur du contrôle en pixels, sauf pour les contrôles de texte et de mots de passe, qui sont spécifiés en nombre de caractères maxlength="..." : nombre maximal de caractères qu'il est possible d'entrer src="..." : l'URL d'un contrôle de type image alt="..." : texte de remplacement usemap="..." : l'URL d'une image map côté client align="..." : deprecated. Contrôle l'alignement (left, center, right, justify) tabindex="..." : définit l'ordre de tabulation entre les éléments possédant une propriété tabindex onfocus="..." : événement qui se déclenche lorsque l'élément reçoit le focus onblur="..." : événement qui se déclenche lorsque l'élément perd le focus onselect="..." : événement qui se déclenche lorsque le contrôle est sélectionné onchange="..." : événement qui se déclenche lorsque le contrôle est modifié accept="..." : types de fichiers acceptés pour l'exportation
Vide	Oui

On utilise la balise <INPUT> pour demander à l'utilisateur d'entrer une information précise.

Elle peut se situer n'importe où dans la page par rapport au texte, aux images et autres balises HTML.

Elle doit être encadrée par les balises <FORM> ... </FORM> ( Netscape) . IE accepte l'absence de ces balises.

Quel animal préférez-vous ? <BR><BR>

<INPUT type=checkbox name="animal" value="chat" > chat

<INPUT type=checkbox name="animal" value="chien"> chien
<INPUT type=checkbox name="animal" value="iguane"> iguane

Si l'utilisateur coche la case "chat", le résultat soumis au serveur sera :

animal='chat'

Notes :

Les cases à cocher permettent les choix multiples.
Une case à cocher peut-être sélectionnée ou désélectionnée.
Il est possible d'utiliser le même nom pour plusieurs cases à cocher, mais avec différentes valeurs.

Notes :

Les boutons radio n'autorisent qu'un seul choix
On donne à value le nom de code de son choix. Si on ajoute l'attribut checked, le bouton concerné est sélectionné par défaut.

	INPUT (ENTREE)		HTML
Définition	Permet l'introduction de données dans un champ		2.0	3.2
Syntaxe	<INPUT> corps du texte (</INPUT>); l'élément INPUT est un élément ouvert; le marqueur de fermeture est interdit.
Attributs HTML
	Align	Permet de préciser l'alignement d'une image et d'un texte
	Checked	Indique qu'une option (case à cocher, bouton radio) est sélectionnée.
	Maxlenght	Définit la longueur maximum d'un champ
	Name	Attribue un nom symbolique à un champ ou groupe de champs; doit être unique.
	SRC	Définit l'URL source pour une image à importer.
	Size	Définit en général la taille de la partie visible d'un champ
	Type	Définit le type de données accepté par un champ; par défaut: du texte.
	Value	Valeur affichée ou retournée par un champ; valeur booléenne retournée par un bouton.
Note:	Les attributs ci-dessus de INPUT sont reconnus par tous les navigateurs. Par contre, certains navigateurs peuvent rendre de manière imparfaite l'un ou l'autre de ces attributs.
Attributs HTML nouveaux
	Disabled	Permet de désactiver un champ.
	Readonly	Réduit le contrôle sur un champ; le champ n'est accessible qu'en lecture.
	Tabindex	Définit la séquence de navigation entre les champs du formulaire ou d'une section du formulaire.
	Usemap	Permet l'utilisation dans un formulaire d'une image réactive, côté client.
Elément HTML associé
	BUTTON	Définit un bouton graphique permettant d'exécuter une action en liaison avec INPUT.

<INPUT>

Remarques :

Exemples d'utilisation :

Bouton à cliquer

Cases à cocher :

image à cliquer

boutons radio

Document additionnel ( Face cachée d'HTML - Eyrolles ) :