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> |
| --Contact--|--Copyright -© LeNoob.com --|--On recrute-- |