Outils pour utilisateurs
clubinfo:formulaires
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
clubinfo:formulaires [2024/08/18 10:34] mrcjl |
— (Version actuelle) | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | ====== Les formulaires en HTML ====== | ||
| - | Le langage HTML ne permet pas de traiter des données mais permet de les transmettre à un serveur apte à les traiter. Pour cela il existe un certain nombre de balises permettant de gérer les formulaires. | ||
| - | |||
| - | ===== Connaissances de base ===== | ||
| - | ==== FORM ==== | ||
| - | < | ||
| - | * **< | ||
| - | * //method// est la méthode utilisée pour la transmission des données. Nous n' | ||
| - | * //action// est la page qui va traiter les données. Nous n' | ||
| - | |||
| - | ==== INPUT ==== | ||
| - | < | ||
| - | * **< | ||
| - | * //name// nom de la variable. Il permet de récupérer son contenu sur la page de traitement. | ||
| - | * //value// valeur de la variable lors de l' | ||
| - | * //type// indique le type du champ du formulaire utilisé | ||
| - | * __text__ zone de saisie de lettres ou de chiffres | ||
| - | * __radio__ boutons à cocher. Seule un réponse peut être cochée pour tous les boutons ayant le même nom. | ||
| - | * __checkbox__ cases à cocher. Plusieurs cases ayant le même nom peuvent être cochées et transmises | ||
| - | * __submit__ bouton pour soumettre (envoyer) le formulaire | ||
| - | |||
| - | Une case à cocher ou un bouton radio peut être pré sélectionné avec l' | ||
| - | |||
| - | ==== SELECT ==== | ||
| - | <file html> | ||
| - | <SELECT name=" | ||
| - | <OPTION value=" | ||
| - | <OPTION ... | ||
| - | </ | ||
| - | </ | ||
| - | * **< | ||
| - | * //name// nom de la variable. Il permet de récupérer son contenu sur la page de traitement. | ||
| - | * //value// valeur de la variable lors de la soumission (envoi) de la page si c'est cette option qui est sélectionnée | ||
| - | |||
| - | Une option peut être pré sélectionné avec l' | ||
| - | |||
| - | ==== TEXTAREA ==== | ||
| - | < | ||
| - | * **< | ||
| - | * //name// nom de la variable. Il permet de récupérer son contenu sur la page de traitement. | ||
| - | * //cols// Nombre maxi de caractères sur une ligne | ||
| - | * //rows// nombre de lignes affichées | ||
| - | |||
| - | =====Compléments=== | ||
| - | Un formulaire peut être découpé en plusieurs parties avec les balises | ||
| - | <file html> | ||
| - | < | ||
| - | < | ||
| - | ... | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | Un champ de données peut être associé à un texte avec la balise < | ||
| - | <file html> | ||
| - | <input type=" | ||
| - | <label for=" | ||
| - | </ | ||
| - | |||
| - | ===== Exemple ===== | ||
| - | Formulaire demandant des informations personnelles à un visiteur. 2 méthodes sont utilisées pour connaître le sexe. Le résultat sera traité par la page PHP " | ||
| - | |||
| - | <code html> | ||
| - | <FORM action=" | ||
| - | < | ||
| - | < | ||
| - | <LABEL for=' | ||
| - | <LABEL for=' | ||
| - | </ | ||
| - | < | ||
| - | < | ||
| - | <LABEL for=' | ||
| - | votre sexe méthode 1 ? | ||
| - | <INPUT type=" | ||
| - | <INPUT type=" | ||
| - | <INPUT type=" | ||
| - | < | ||
| - | <SELECT name=" | ||
| - | <OPTION value="?" | ||
| - | <OPTION value=" | ||
| - | <OPTION value=" | ||
| - | </ | ||
| - | </ | ||
| - | <INPUT type=" | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | ===== Compléments ===== | ||
| - | <WRAP round info> | ||
| - | * [[https:// | ||
| - | * [[https:// | ||
| - | </ | ||
| - | |||
| - | =====Activités===== | ||
| - | * [[clubinfo: | ||
| - | |||
| - | |||
clubinfo/formulaires.1723970069.txt.gz · Dernière modification: 2024/08/18 10:34 de mrcjl
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
