Codes promotions, réductions et bons plans pour vos achats en ligne
|
|
|
Vue d'ensemble
Les éléments de formulaire HTML sont semblables à la plupart des contrôles rencontrés dans les logiciels.
Toutefois, il faut garder à l'esprit qu'il n'est pas possible d'avoir des éléments personnalisés. Il faut se contenter des éléments prédéfinis (qui ont été conçus pour répondre à presque tous les besoins).
Pour intégrer des éléments de formulaire, il faut encadrer les balises par <FORM> et </FORM>
Sans ces balises, Netscape n'affichera pas les éléments.
Dans la suite de ce document, sont présentés tous les éléments de formulaire avec les propriétés, les méthodes et les événements associés.
Un exemple détaillé pour chacun donne le code source HTML exact.
La balise FORM, création de formulaire
La balise INPUT, la plus courante et tous ses types
type = TEXT, BUTTON, RADIO, CHECKBOX, HIDDEN, PASSWORD, SUBMIT et RESET.
La balise SELECT, la balise de liste
La balise TEXTAREA, la balise de zone de texte multi-lignes.
La balise FORM
La balise FORM a besoin de la balise de fin. Elles sont nécessaires pour afficher des éléments de formulaire.
Liste des propriétés :
| name | Nom du formulaire |
| action | Adresse du script de serveur à exécuter |
| method | Méthode d'appel du script (get ou post) |
| enctype | Type d'encodage du formulaire |
| target | Destination du retour du formulaire |
Liste des méthodes :
| submit | Déclenche l'action du formulaire |
| reset | Réinitialise les données du formulaire avec les valeurs par défaut |
Liste des événements :
| onSubmit | Détecte la soumission du formulaire |
| onReset | Détecte la réinitialisation |
Voyons maintenant en détail les différents éléments de formulaire.
L'élément INPUT
Liste des propriétés :
| name | Nom du champ |
| type | type du champ text, button, radio, checkbox, submit, reset |
| value | Libellé texte |
| defaultvalue | Valeur par défaut du champ (utile avec reset) |
| size | Taille du champ |
| maxlength | Taille maximale du champ de type texte |
| checked | Case à cocher ou radio bouton coché ou non |
| disabled | Grisé (modification impossible par le visiteur) |
| readOnly | Lecture seule |
| class | Nom de la classe de style |
| style | Chaîne de caractères pour le style |
Cette liste est générique, des particularités surviennent avec le type.
Liste des méthodes :
| focus | Donne le focus (ou le curseur ou la main) |
| blur | Enlève le focus |
| click | Simule un clic (sur un bouton) |
Liste des événements :
| onFocus | Détecte la prise de focus |
| onBlur | Détecte la perte de focus |
| onClick | Détecte le clic souris (sur un bouton) |
| onChange | Détecte les changements |
Les zones de textes multi-lignes TEXTAREA
L'objet TEXTAREA est essentiellement utilisé pour permettre au visiteur de saisir un texte assez long (message, descriptif...).
Voici la syntaxe classique pour définir une zone de texte :
Nous avons vu les éléments de formulaire, comment les déclarer, les attributs et les comportements possibles.
La page suivante montre comment les manipuler en javascript.
|
|
