La balise <input>


Type : vide

Description de la balise :

Placée à l'intérieur de la balise <form>, cette balise permet de créer un contrôle dans un formulaire. Ensuite, le type de contrôle dépendra de la valeur de l'attribut type:

-text : cela crée un cadre de saisie pour du texte sur une seule ligne.

-password : c'est un peu identique à "text", il s'agit d'un cadre de saisie pour du texte sauf que cette fois-ci, le texte saisi sera masqué et tous les caractères rentrés sont remplacés par des "*".

-checkbox : cela crée des cases carées à cocher.

-radio : identique à "checkbox" sauf que les cases sont rondes.

-submit : cela crée un bouton essentiel puisqu'il permet l'envoi du formulaire en cliquant dessus.

-reset : ce bouton remet toutes les valeurs du formulaire à zéro. Si l'internaute clique dessus, il devra donc ressaisir tous les champs du formulaire. C'est pour cette raison qu'il est dangereux d'utiliser cette valeur de l'attribut "type" .

-file : cela affiche un cadre de saisie du genre "Parcourir" pour permettre à l'internaute de séléctionner le fichier adéquat à envoyer au serveur.

-hidden : cela crée un bouton invisible, comme ça vous pourrez envoyer une valeur au serveur sans que l'internaute ne le voit et donc intervienne dessus.

-image : cela crée un bouton "submit" mais avec une image à la place du bouton habituel.

-button : cela crée un bouton "standard", ce n'est pas très utile.

Il existe ensuite quelques attributs que vous pouvez affecter à la balise. Tout d'abord "name" qui sera attribué à chaque balise <input>, donc à chaque contrôle et qui donnera à chaque fois le nom de la variable utilisée par le formulaire. Puis, il y a l'attribut "value" qui permet de donner une valeur prédéfinie à un contrôle. L'attribut "checked" lui, ne marche qu'avec type="checkbox" ou type="radio" et permet de cocher une case par défaut dans le formumaire. Pour finir, lorsque vous mettez un type="text" ou type="password", vous pouvez définir la taille du contrôle avec l'attribut "size" ainsi que le nombre maximum de caractères que l'internaute que l'utilisateur peut rentrer et cela avec l'attribut "maxlength".


Code Source Aperçu
<form action="tutohtml_input.php" method="post">
text : <input type="text" name="zonedetexte" value="valeur par defaut" size="15" maxlength="30">

password : <input type="password" name="zonedemotdepasse" value="1234" size="10" maxlength="15">

checkbox : <input type="checkbox" name="case1" value="un">case à cocher 1<input type="checkbox" name="case2" value="deux" checked>case à cocher 2<input type="checkbox" name="case3" value="trois">case à cocher 3

radio : <input type="radio" name="radio" value="un">un <input type="radio" name="radio" value="deux">deux <input type="radio" name="radio" value="trois" checked>trois

submit : <input type="submit" name="boutonsubmit" value="bouton submit">

reset : <input type="reset" name="boutonreset" value="bouton reset">

file : <input type="file" size="15">

hidden : <input type="hidden" name="cache" value="caché"<

image : <input type="image" src="http://www.lenoob.com/images/cssicone.png" alt="logo css"<

button : <input type="button" value="Bouton standard">
</form>
text :

password :

checkbox : case à cocher 1case à cocher 2case à cocher 3

radio : un deux trois

submit :

reset :

file :

hidden :

image :

button :


Revenir à la liste des balises



Revenir au sommet de la page !
--Contact--|--Copyright -© LeNoob.com --|--On recrute--

Merci à Freak pour le header et à AleX pour le livre d'or.